当前位置:首页 > 图片 > 人物故事 > 正文
文章正文

js 动态添加js

图片 > 人物故事 > :js 动态添加js 是由美文导刊网(www.eorder.net.cn)为您精心收集,如果觉得好,请把这篇文章复制到您的博客或告诉您的朋友,以下是js 动态添加js 的正文:


一.如何在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>
其实原理就是利用dom动态的引入一个js到文件中来~就能和原有的js通信了~(js 动态添加js)


二.用原生js怎么动态添加一个js文件

var loadJS = function(url, callback) { var head = document.getElementsByTagName("head")[0]; var script = document.createElement("script"); script.src = url; var done = false; script.onload = script.onreadystatechange = function() { if (!done && (!this.readyS发亥篡酵诂寂磋檄单漏tate || this.readyState == "loaded" || this.readyState == "complete")) { done = true; callback(); script.onload = script.onreadystatechange = null; head.removeChild(script); } }; head.appendChild(script);};


三.js 动态添加id

你是为了改变样式还是其他的作用?改变id,可能导致其他读取错误
如果你是单个玩,就可以这样写了
改变样式class就可以了

不过你的就是这样的:
&lt肠护斑咎职侥办鞋暴猫;ul> <li><a id="tage">首页</a></li> <li><a>第二页</a></li> <li><a>第三</a></li> <li><a>第四页</a></li></ul><script>var lis = document.getElementsByTagName("li");var last = 0;lis[last].id = "tage";for(var i = 0; i < lis.length; i++){ (function(i){ lis[i].onclick = function(){ lis[last].removeAttribute("id"); this.id = "tage"; last = i; } })(i);}</script>


四.怎么动态生成js变量

<script type="text/javascript">eval("x=10;y=20;"窢尝促妒讵德存泉担沪)document.write(x*y);</script> 拼接一下字符串,实现动态生成js变量



五.js动态添加菜单

这个其实很简单了,你不需要移动的时候把数据插进去,而是一开始就把它写出来。
假如你的菜单是用<ul><li></li></ul>写的,弹出的菜单是另一个<ul>,这样写:
<ul >

<li class="main">主菜单
粻鼎纲刮蕺钙告水梗惊 <ul class="child">

<li>弹出菜单</li>

</ul>

</li>

</li>
样式这样写
.main{
position:relative;
}
.child{
display:none;
position:absolute;
left:主菜单的宽度
}
下面就是JS了
$(".main").hover(function(){
$(this).find("child").show();
},function(
$(this).find("child").hide();
));
就这么简单,这样构建,你增加其他的功能都很简单


六.用原生js怎么动态添加一个js文件

1、直接document.write
<script language="javascript">
document.write("<script src='web.zhaicool.net/jquery.js'><\/script>");
</script>

2、动态改变已有script的src属性
<script src='' id="s1"></script>
<script language="javascript">
s1单哗厕狙丿缴搽斜敞铆.src="web.zhaicool.net/jquery.js"
</script>(js 动态添加js)


七.JavaScript如何在div中动态生成<p>

可以直接用 document.getElementById("divid").innerHTML = "<p>内容</p>";的方式来写。
多个可以循环进行处理

假设段落文本是个数组:array
可以通过
for (var i = 0; i < array.length;i++) {
document.getElementById("divid").innerHTML = "<p>"+array[i]+"<龚常夺端懿得额全帆户/p>";
}
的方式进行处理


八.如何实现js动态添加div,和div样式

<script src="js/jquery.js"></script><script>function s(d){ var div = $('<div class="&#39长骸拜缴之剂瓣烯抱楼; + d + '"></div>'); $(document.body).append(div);}</script><style>.cssName1 { padding: 20px; margin: 10px; border: 1px solid red; }.cssName2 { padding: 20px; margin: 10px; border: 1px solid black; }</style><input type="text" name="d" value="cssName1" /><input type="button" value="x" onclick="s($('input[name=d]').val());">

  • js 动态添加script
  • js 动态添加js 由美文导刊网(www.eorder.net.cn)收集整理,转载请注明出处!原文地址http://www.eorder.net.cn/pic59274/

    文章评论
    Copyright © 2006 - 2016 www.eorder.net.cn All Rights Reserved
    美文导刊网 版权所有