当前位置: 秋叶网络博客 网络技术 ◊ JS在一个网页中插入内容的几种方法

JS在一个网页中插入内容的几种方法

作者:秋了秋 发表时间:2015年04月06日

看了很多web前端的招聘,发现网页前端需掌握的基本硬性本领无非就是html,css,javascript,ps,在这四个领域之中,我所了解到的,很多人都卡在javascript这块,包括我,javascript是个迷人的东西,也是这四个当中的难点,要想熟练掌握运用并不太容易,因为里面包括很多兼容性的东西比css的还要多。但是它用的频率比css要低,html主框架,css主美化,js主功能,ps主点缀。简单的网页可以没有js但一定不能没有css。纵使如此,招聘人员也是要你掌握这门语言的。在面试的时候他们往往会问你在一个网页中插入另一个网页有哪几种方法?

之前也写过一篇文章《Js异步加载资源减少请求》里面就有介绍两种方法。现在总的来概括下:

第一种(appendChild)

function qiuye(){
var abc=document.getElementById('ye').value;
xie=document.getElementById('xie');
txt =document.createTextNode(abc);
xie.appendChild(txt);}

第二种(load)

jQuery(document).ready(function($){
$('#rss').one('click',function() {$('#footer').load('http://www.mizuiren.com/wuover.php');});
});

第三种(innerHTML)

function qiuye(){
var abc=document.getElementById('ye').value;
xie=document.getElementById('xie')
xie.innerHTML=abc;}

第四种(document.write)

function qiuye(){
var abc=document.getElementById('ye').value;
document.write(abc);}

当然这四种方法各自的用法也不同,具体可参考javascript手册。

扩展阅读:除了js插入页面之外,还有一些其它程序语言的插入方法。

比如说,html的IFRAME:

< IFRAME name="qiuye" width=a height=b frameborder=0 src="abc.htm" allowTransparency="true">< /IFRAME >

和OBJECT

<object style="border: 0px;" data="abc.htm" type="text/x-scriptlet" width="a" height="b"></object>

php语言的:

<?php include('test.php');?>
或
<?php require_once('test.php');?>

等等,还有一些开源程序所用到的调用标签,这里就不写了,查看具体的官方文档即可。

0
除非注明,文章均由 秋叶网络博客 发布,欢迎转载。
转载请注明本文地址:http://www.mizuiren.com/317.html
目录: 网络技术 | 标签: js, 插入页面 | 11223次阅读