javascript调用另一个页面一般有两种情况,一种情况是在当前页面中显示调用页面,另一种情况是调用一个页面后直接跳转到调用页面,具体可以参考以下内容。
一、在当前页面中显示调用页面
1、在当前页面显示调用的页面,一般可以通过html语言中的iframe标签来加载。
2、如果要使用javascript,则可以通过document对象的write或者writeln方法来将iframe标签内容写入到客户端中。writeln( ) 方法与 write( ) 方法几乎一样,差别仅在于是前者将在所提供的任何字符串后添加一个换行符。
3、举一个例子可能会好一点,先建立一个t.js的文件,将下面的代码复制到t.js中。document.writeln("<iframe scrolling=\"yes\" frameborder=\"10\" marginheight=\"0\" marginwidth=\"0\" width=\"775\" height=\"200\" src=\"http:////www.baidu.com//index.html\"><\/iframe>");说明:这个是用writeln方法将iframe标签写入到客户端中,这里iframe标签的内容是调用百度的首页,为了能看的更清楚一些,这里将frameborder设置为10可以看到边框,同时增加滚动。注意:需要注意的是在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>
5、接下来就是访问t.html,我的测试环境是apache,直接打开浏览器,在地址栏输入127.0.0.1/t.html,就可以访问t.html了,效果如下图所示。
二、调用页面后直接跳转到调用页面
1、这种情况方法有很多种了,以javascript为例,接上面的t.js,修改为window.location.href="http://baidu.com"
2、t.html中还是用一中的方法调用t.js即可。也可以直接将上面的代码写入到当前页面的head标签之间。这样当访问t.hml的时候,会自动调用t.js,然后t.js就会调用百度的首页面文件index.html。