Ⅰ JS动态给对象添加事件的简单方法
WEB项目中,我们常常会碰到要动态对相应的对象添加事件,如下,有id="txtPrice"的文本框控件:
<div>
<input
type="text"
id="txtPrice"
name
=
"txtPrice"
value
=
"0"/>
<div>
现在我们为其动态添加一事件,JS核心代码如下:
document.getElementById("txtPrice").attachEvent('onblur',
function
(){alert('添加事件成功!')});
【补充】
有时候为了实现不同浏览器之前的兼容,我们会这样写:
Code
highlighting
proced
by
Actipro
CodeHighlighter
(freeware)http://www.CodeHighlighter.com/-->1
if(window.attachEvent)
{
document.getElementById("txtPrice").attachEvent('onblur',
function
(){alert('添加事件成功!')});
}
else
{
document.getElementById("txtPrice").addEventListener('onblur',
function
(){alert('添加事件成功!')},false);
}
以上这篇JS动态给对象添加事件的简单方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
Ⅱ 如何用js动态写入html代码
所谓动态写入方法就是源文件代码中原来没有内容或者需要重新改变此处的要显示的文字或内容,需要用JavaScript代码来实现。动态写入是一种很常见常用的方法。
1、用innerHTML写入html代码:
<div id="abc"></div>
<script>document.getElementById("abc").innerHTML="要写入的文字或内容"</script>
2、appendChild() 方法:
<ul id="myList"><li>Coffee</li><li>Tea</li></ul>
<button onclick="myFunction()">点击向列表添加项目</button>
<script>
function myFunction(){
var node=document.createElement("LI");
var textnode=document.createTextNode("Water");
node.appendChild(textnode);
document.getElementById("myList").appendChild(node);
}
</script>
Ⅲ 如何用JS实现动态加行~
表格部分代码如下:
<table id="testTbl" border=1>
<tr id="tr1">
<td width=6%><input type=checkbox id="box1"></td>
<td id="b">第一行</td>
</tr>
<tr id="tr2">
<td width=6%><input type=checkbox id="box2"></td>
<td id="b">第二行</td>
</tr>
<tr bgcolor=#0000FF>
<td width=6%><input type=checkbox id="box3"></td>
<td>第三行</td>
</tr>
</table>
动态添加表行的javascript函数如下:
function addRow(){
//添加一行
var newTr = testTbl.insertRow();
//添加两列
var newTd0 = newTr.insertCell();
var newTd1 = newTr.insertCell();
//设置列内容和属性
newTd0.innerHTML = '<input type=checkbox id="box4">';
newTd2.innerText= '新加行';
}
Ⅳ 如何用js添加点击事件,点击后跳转到指定动态页面
要实现从一个页面A跳到另一个页面B,js实现就在A的js代码加跳转代码
JS跳转大概有以下几种方式:
第一种:(跳转到b.html)
<script language="javascript" type="text/javascript">
window.location.href="b.html";
</script>
第二种:(返回上一页面)
<script language="javascript">
window.history.back(-1);
</script>
第三种:
<script language="javascript">
window.navigate("b.html");
</script>
第四种:
<script language="JavaScript">
self.location=’b.html’;
</script>
第五种:
<script language="javascript">
top.location=’b.html’;
</script>
希望能棒到你。
Ⅳ js给动态创建的按钮添加动态事件
这是JavaScript经典的闭包问题
你需要
document.getElementById('king'+i).onclick=function(i)
{
returnfunction()
{
document.getElementById('shipin').src=arr[i]
}
}(i)
Ⅵ 用原生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);
Ⅶ js里面怎么动态的为对象添加属性
添加属性用setAttribute()方法,可以传入两个参数,第一个是属性名称,第二个是要设置的属性值
varli=document.getElementsByTagName('li')[0];
//设置li属性,如data-falg,设置为true
li.setAttribute("data-falg","true");
也可以获取属性用getAttribute(),传入一个参数,是想获取的属性名称,返回的是该属性的值
Ⅷ 怎样使用JS做出动态添加HTML标记
使用DOM“Document Object Model”中的
//
letchild=document.createElement(tagName[,options])
和
letchild=Node.appendChild(child);
//
然后将这段代码贴在需要动态添加的地方,例如setTimeout计时,ajax等
[出自MDN]
Ⅸ 怎样用js实现动态按钮效果
动态按钮就控制按钮的隐藏和显示,还是动态添加按钮,都能实现,上网去查。
你可以先把两个按钮都先写到那里,然后通过id来动态改变隐藏域显示
jQuery("#id值").hide(); 或show( );