本文目录一览:
用原生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);
javascript如何把节点 插入到指定的节点后?
在那个id="name"的input上,加onblur="checkEmpty(this.id)"
把"(在这插入labe标签)"换成span id="nameSpan"请输入用户名/span
然后在文件尾加一段JS代码
script
function checkEmpty(id)
{
var tar=document.getElementById(id);
if(tar.value=="")
{
tar.focus();
tar=document.getElementById(id+"Span");
tar.innerHTML="用户名不能为空!";
}
}
/script
如何用js在页面中添加元素?
1.首先创建html结构,如下图所示,一个input元素,一个按钮,一个空的ul列表。
2.然后添加按钮点击事件,如下图所示,在按钮点击事件中获得input元素。
3.通过value属性我们可以获得用户在input中输入的内容,如下图所示。
4.下面我们来动态创建一个li元素,如下图所示,运用document中的createElement方法即可。
5.创建好li元素以后,下面要做的就是给其设置innerHTML内容,如下图所示。
6.接下来就是获取ul元素了,如下图所示,仍然用getElementById方法。
7.最后通过调用appendChild方法将创建的li元素添加到ul列表中,如下图所示。