`
helloJ
  • 浏览: 165760 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

解决为html标签附加js方法(eg:onblur,onclick)时无法带参数问题

    博客分类:
  • js
阅读更多
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>解决为html标签附加js方法时无法带参数问题</title>

<script>
function GetRef(func) {
	return new Function(func);
}
function bringParameter(param) {
	alert("带参数 :" + param);
}
function unBringParameter() {
	alert("不带参数");
}
</script>
</head>

<body>
	<input type="button" id="test1" value="不带参数,点我看看">
	<input type="button" id="test2" value="带参数,点我看看">
	<script>
		//正确
		document.getElementById("test1").onclick = unBringParameter;
		//错误
		//document.getElementById("test2").onclick = bringParameter("我是参数!");
		//正确
		document.getElementById("test2").onclick = GetRef("bringParameter('我是参数!')");
	</script>
</body>
</html>

 

1
0
分享到:
评论
5 楼 camelwoo 2009-02-20  
引用
document.getElementById("test2").onclick = GetRef("bringParameter('我是参数!')");

这个写法似乎是在 vbscript 里用的
4 楼 phoenixfu 2008-12-30  
总结出来,我就这样写了
//正确的
obj.onclick = new Function("bringParameter('我是参数!')");
这样写 和原意的
//错误的
obj.onclick = bringParameter('我是参数!');
从形式上来说比较接近,要注意的就是引号的使用,字符串拼凑。
感觉不错~谢谢楼主了,集思广益~
3 楼 phoenixfu 2008-12-30  
同比之下,楼主的方法比较简洁
2 楼 helloJ 2008-06-26  
哦,哈哈,又学了个,谢谢拉
1 楼 mercyblitz 2008-06-25  
document.getElementById("test2").onclick = function()
{
bringParameter("参数");
}
这样做也能解决!

相关推荐

    onclick和onblur冲突问题的快速解决方法

    在网页交互设计中,事件处理是关键的一部分,`onclick` 和 `onblur` 是两个常见的JavaScript事件。`onclick` 事件在用户点击元素时触发,而 `onblur` 事件则在元素失去焦点时触发。在某些场景下,如本文所描述的新浪...

    JS:onfocus和onblur 事件应用举例

    在JavaScript编程领域,事件处理是实现用户交互的关键技术之一。其中,`onfocus`和`onblur`事件作为DOM(文档对象模型)的一部分,被广泛应用于网页开发中,用于响应用户的焦点变化。这两个事件主要用于输入框(`...

    struts1-html标签

    - JavaScript事件处理程序属性:如`onblur`、`onchange`等,用于定义用户与文本框交互时触发的JavaScript函数。 #### 三、`&lt;html:button&gt;`标签解析 `&lt;html:button&gt;`标签用于创建按钮。 **基本用法**: - **必需...

    JavaScript的onfocus与onblur用法

    JavaScript是Web开发中不可或缺的一部分,尤其在处理用户交互时,事件监听器如`onfocus`和`onblur`起着至关重要的作用。这两个事件主要应用于表单元素,但也可以用于任何可聚焦的HTML元素,例如按钮、链接或文本...

    form表单中的onblur事件

    开发者可以为这个事件绑定一个处理函数,该函数会在`onblur`事件发生时执行。 在JavaScript中,我们可以使用以下方式设置`onblur`事件: ```html &lt;input type="text" id="myInput" onblur="validateInput()"&gt; ``` ...

    Java struts html 标签

    - **Onblur**: 文本框失去焦点时触发的JavaScript函数。 - **Onchange**: 文本框内容发生变化时触发的JavaScript函数。 - **Onclick**: 文本框被点击时触发的JavaScript函数。 - **Ondbclick**: 文本框被双击时触发...

    js和html部分代码集.doc

    1. 文本框焦点问题:使用onBlur和onFocus事件来实现文本框的焦点问题。 2. 网页按钮的特殊颜色:使用style属性来设置按钮的特殊颜色。 3. 鼠标移入移出时颜色变化:使用onMouseOver和onMouseOut事件来实现鼠标移入...

    HTML5 对各个标签的定义与规定:body

    以上接口定义了`&lt;body&gt;`元素的各种事件处理属性,这些属性可以被设置为函数,以便在对应的事件触发时执行相应的JavaScript代码。 #### 四、总结 通过上述介绍,我们可以看到`&lt;body&gt;`标签不仅作为网页主要内容的...

    strtus1_html标签

    - `onreset`:指定表单重置时触发的JavaScript方法。 - `onsubmit`:指定表单提交前触发的JavaScript方法,通常用于客户端验证。 #### 二、`&lt;html:text&gt;` 标签 - **作用**:创建表单中的文本框字段。 - **常用...

    JS表单验证与JS常见问题解决方案

    以下是一些关于JS表单验证和常见问题解决方案的详细知识点: 1. **基础验证函数**: - `required`:检查字段是否为空,防止用户提交空白数据。 - `length`:验证输入长度,如`maxLength`和`minLength`。 - `...

    HTML a 标签.docx

    * onblur 属性:指定当链接失去焦点时的事件。 * onclick 属性:指定当链接被点击时的事件。 * ondblclick 属性:指定当链接被双击时的事件。 * onmousedown 属性:指定当链接被鼠标按下时的事件。 * onmouseup 属性...

    JavaScript英文单词汇总.pdf

    JavaScript 英文单词汇总 JavaScript 是一种广泛应用于 web 开发的脚本语言,下面是 JavaScript 中的一些常见英文单词汇总: 变量和数据类型 * var: 定义变量 * number: 数字 * int: 整数 * float: 浮点数 * ...

    【JavaScript源代码】JavaScript onblur与onfocus事件详解.docx

    onfocus和onblur事件是JavaScript中用于处理用户交互的重要工具,它们允许开发者在用户与网页元素交互时执行特定的逻辑,提高用户体验并确保数据的有效性。无论是自动选中文本,还是实时验证输入,这两个事件都提供...

    Javascript For Beginners

    - **项目案例**:实际应用JavaScript解决问题的例子,如Pizza服务和欧元计算器。 - **定制化**:根据需求调整代码以满足特定场景。 #### 十四、保留关键字 - **JavaScript保留词**:不能作为变量或函数名使用的...

    JavaScript笔记

    js的方法定义:function方法名([参数列表]){ 方法体 [return 返回值] } 注意:js中的方法可以直接写在代码中,不需要“类”包裹 使用方法:方法名()--&gt;方法调用--&gt;立即执行 2.js文件:网页外专门保存js...

    js方法和函数.doc

    JavaScript是Web开发中不可或缺的一部分,尤其对于前端交互和动态网页来说更是如此。本文将深入探讨JavaScript中的方法和函数,以及与之相关的事件处理。 首先,我们来看一下文档中提到的一些正则表达式,它们用于...

    html的DOM中Event对象onblur事件用法实例

    在JavaScript中,`onblur`事件还可以与其他DOM事件(如`onclick`、`onfocus`等)结合使用,以实现更复杂的交互逻辑。例如,当一个元素获得焦点后,可以使用`onfocus`事件来改变其样式,而当它失去焦点时,通过`...

    JavaScript 试卷试题附答案

    - A: `”mybutton” type=”button” onBlur=”compute()” value=”计算”&gt;`:`onBlur` 事件是在元素失去焦点时触发,而不是点击时。 - B: `”mybutton” type=”button” onFocus=”compute()” value=”计算”&gt;...

    struts2-4标签库文件上传下载

    **onclick**、**ondblclick**、**onmousedown**、**onmouseup**、**onmouseover**、**onmouseout**、**onfocus**、**onblur**、**onkeypress**、**onkeyup**、**onkeydown**、**onselect** 和 **onchange**:这些...

Global site tag (gtag.js) - Google Analytics