javascript调用另一个页面方法

2025-10-03 00:10:14

1、在当前页面显示调用的页面,一般可以通过html语言中的iframe标签来加载。

javascript调用另一个页面方法

2、如果要使用javascript,则可以通过document对象的write或者writeln方法来将iframe标签内容写入到客户端中。writeln( ) 方法与 write( ) 方法几乎一样,差别仅在于是前者将在所提供的任何字符串后添加一个换行符。

javascript调用另一个页面方法

3、举一个例子可能会好一点,先建立一个t.js的文件,将下面的代码复制到t.js中。

document.writeln("<iframe scrolling=\"yes\" frameborder=\"10\" margin

height=\"0\" marginwidth=\"0\

p:////www.baidu.com//index.html\"><\/iframe>");

说明:这个是用writeln方法将iframe标签写入到客户端中,这里iframe标签的内容是调用百度的首页,为了能看的更清楚一些,这里将frameborder设置为10可以看到边框,同时增加滚动。

注意:需要注意的是在javascript脚本中的转义字符需要借助于反斜杠(\)来完成,上面所有的引号都用反斜杠进行了转义。

javascript调用另一个页面方法

4、 接下来建立一个t.html,通过<script>标签来调上面的t.js脚本。

<html>

<head>

<!--指明网页编码为UTF8>

<meta http-equiv="content-type" content="text/html; charset=utf-8">

<!--调用t.js脚本>

<script type="text/javascript" src="./t.js"> </script>

</head>

<body>

<br>

<!--突出当前页面,用于对比上面的调用页面>

这是index.html,上面是调用的页面

</body>

</html>

javascript调用另一个页面方法

5、接下来就是访问t.html,我的测试环境是apache,直接打开浏览器,在地址栏输入127.0.0.1/t.html,就可以访问t.html了,效果如下图所示。

javascript调用另一个页面方法

1、这种情况方法有很多种了,以javascript为例,接上面的t.js,修改为

window.location.href="http://baidu.com"

javascript调用另一个页面方法

2、t.html中还是用一中的方法调用t.js即可。也可以直接将上面的代码写入到当前页面的head标签之间。这样当访问t.hml的时候,会自动调用t.js,然后t.js就会调用百度的首页面文件index.html。

javascript调用另一个页面方法

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢