本文目录一览:
- 1、用原生js怎么动态添加一个js文件
- 2、怎么在网页中通过jQuery动态加载js代码
- 3、如何在html页面动态加载js文件
- 4、如何用js动态写入html代码
- 5、如何在地址栏中输入一段js代码,使当前页面动态载入一段js脚本文件!
用原生js怎么动态添加一个js文件
如果需要用原生js动态的加载另外一个js文件,可以使用原生js的document.createElement方法创建script节点,然后更改该节点的type和src属性,最后通过appendChild方法将该节点动态添加到html中,这样就可以了,参考代码如下:
var new_element = document.createElement("script");//创建新的script节点new_element.setAttribute("type", "text/javascript");new_element.setAttribute("src", "../js/jquery.js");document.body.appendChild(new_element);//添加到body节点的末尾
上例中是在body的最末尾添加的,当然同样可以在head中添加引用该js的标签:document.head.appendChild(new_element);
怎么在网页中通过jQuery动态加载js代码
用JQ自带的AJAX来动态加载你想要的JS文件
$.getScript("这是你的JS名字.js", function(){
alert("这是JS加载完了成功的回调函数");
});
这是动态加载的JS文件,ajax必须要有环境才能运行
如何在html页面动态加载js文件
下面介绍三种异步执行加载Js 脚本的方法。
1、直接document.write
script language="javascript"
document.write("script src='test.js'\/script");
/script
2、动态改变已有script的src 属性
script src='' id="s1"/script
script language="javascript"
s1.src="test.js"
/script
3、动态创建 script元素
script
var oHead = document.getElementsByTagName('HEAD').item(0);
var oScript= document.createElement("script");
oScript.type = "text/javascript";
oScript.src="test.js";
oHead.appendChild( oScript);
/script
注 ,
这三种方法都是异步的,所以在采用这类方法动态加载Js 的同时,主界面的Js脚本是继续执行的,所以可能出现通过异步加载的Js代码得不到预期的效果的情况。这时候可以考虑采用Ajax加载Js的方法。
大概原理 :用XMLHTTP取得要脚本的内容,再创建 Script 对象。另外注意编码的保持一致。因为服务器与XML使用UTF8编码传送数据。
如何用js动态写入html代码
动态写入html代码,主要就是append方法或其他插入方法。如:
var ele=document.createElement('div');//创建div对象
ele.innerHTML='我是测试内容';//在div对象中写入内容
document.body.appendChild(div);//把div放在body标签最后面
jQuery相对于要简单一些,如:
$(document.body).append('div我是测试内容/div');
如何在地址栏中输入一段js代码,使当前页面动态载入一段js脚本文件!
看您的意思应该是在地址栏里输入JS代码,来调用页面中已经存在的JS脚本,或者是调用自己的JS脚本。
1、调用自己的脚本:可以试试下面的代码
javascript:var i;i=2;alert(i);
可以把JS的内容全部转成一行再输入,大文件可能比较困难
2、调用已经存在的脚本
比如,本页面中存在 iknowMap.upload() 这个函数,直接调用就可以了
javascript:iknowMap.upload();
PS:百度知道中每个有回答的页面都可以这么调用,
这属于一种XSS跨站脚本的方法,但在地址栏进行输入的话内容仅仅在输入地址的本机有效,因为脚本是执行在浏览器端的。
希望能够有所帮助,祝你成功