`

JS如何传参的问题

阅读更多
1. 页面:这里需要注意radio不能写id,如果写了id的属性后就不能正常显示raido,所以没办法就只能在js中用this.value来获取div1。这个div1、div2、div3实际上是3个对话框的id属性值。只能想办法这样来获取它的id了。

<input name="quest20"  type="radio" value="div1" disabled onclick="javascript:openDivDiag(this);"/>

<input name="quest20"  type="radio" value="div2" disabled onclick="javascript:openDivDiag(this);"/>

<input name="quest19"  type="radio" value="div3" disabled onclick="javascript:openDivDiag(this);"/>

 

2. js部分:
function openDivDiag(param){
	document.getElementById(param.value).style.display = "inline";
}

 

3. 各个div:
<div id="div1" onmousedown="m(this.id)" style="display:none;left: 0px;top: 0px; position: absolute; left: 150px; top: 2500px;">
	<table width="50%" border="0" cellpadding="3" cellspacing="1" 
	style="background: #ff7300; 
	position:static;filter:progid:DXImageTransform.Microsoft.DropShadow
	(color=#666666,offX=4,offY=4,positives=true)" align="center">
	<tr style="cursor: move;">
		<td><font color="#FFFFFF">AAAAAAAAAA:</font></td>
		<td align="right"><input name="div1" type="button" value="x" 
	onClick="javascript:closeDivDiag(this);" style="cursor:pointer;"></td>
	</tr>
	<tr>
		<td colspan="2" width="100%" bgcolor="#FFFFFF" height="150" 
	align="middle">中国asp之家<br /><br />网址:<a href="http://www.aspxhome.com">http://www.aspxhome.com</a></td>
	</tr>
	</table>
</div>

<div id="div2" onmousedown="m(this.id)" style="display:none;left: 0px;top: 0px; position: absolute; left: 150px; top: 2500px;">
	<table width="50%" border="0" cellpadding="3" cellspacing="1" 
	style="background: #ff7300; 
	position:static;filter:progid:DXImageTransform.Microsoft.DropShadow
	(color=#666666,offX=4,offY=4,positives=true)" align="center">
	<tr style="cursor: move;">
		<td><font color="#FFFFFF">BBBBBBBBBB:</font></td>
		<td align="right"><input name="div2" type="button" value="x" 
	onClick="javascript:closeDivDiag(this);" style="cursor:pointer;"></td>
	</tr>
	<tr>
		<td colspan="2" width="100%" bgcolor="#FFFFFF" height="150" 
	align="middle">中国asp之家<br /><br />网址:<a href="http://www.aspxhome.com">http://www.aspxhome.com</a></td>
	</tr>
	</table>
</div>

<div id="div3" onmousedown="m(this.id)" style="display:none;left: 0px;top: 0px; position: absolute; left: 150px; top: 2500px;">
	<table width="50%" border="0" cellpadding="3" cellspacing="1" 
	style="background: #ff7300; 
	position:static;filter:progid:DXImageTransform.Microsoft.DropShadow
	(color=#666666,offX=4,offY=4,positives=true)" align="center">
	<tr style="cursor: move;">
		<td><font color="#FFFFFF">CCCCCCCC:</font></td>
		<td align="right"><input name="div3" type="button" value="x" 
	onClick="javascript:closeDivDiag(this);" style="cursor:pointer;"></td>
	</tr>
	<tr>
		<td colspan="2" width="100%" bgcolor="#FFFFFF" height="150" 
	align="middle">中国asp之家<br /><br />网址:<a href="http://www.aspxhome.com">http://www.aspxhome.com</a></td>
	</tr>
	</table>
</div>

 

4. 在各个div里面有关闭的按钮代码的解释:这里也不知道为什么也不能写id的属性值,所以想办法就只能写name的属性值了,在js中同样通过this.name来获取div1、div2、div3这3个id值。
<input name="div1" type="button" value="x" 
	onClick="javascript:closeDivDiag(this);" style="cursor:pointer;">

<input name="div2" type="button" value="x" 
	onClick="javascript:closeDivDiag(this);" style="cursor:pointer;">

<input name="div3" type="button" value="x" 
	onClick="javascript:closeDivDiag(this);" style="cursor:pointer;">

 

5. js关闭部分代码:
function closeDivDiag(param){
	document.getElementById(param.name).style.display = "none";
}

 

 

二、传递参数二(简体版)

1.js部分:
onClick = clearquiz('1');
onClick = clearquiz('2');
onClick = clearquiz('3');
2.传递参数写法:直接写参数名就可以了,不用写var temp
function clearquiz(temp) {
 	alert(temp);
}

 

分享到:
评论

相关推荐

    javascript 传参中文乱码解决方案

    解决JavaScript传参中文乱码问题的关键在于正确地使用编码函数,并确保前后端编码一致。 ##### 2.1 发送端编码 在客户端发送请求时,可以使用`encodeURIComponent()`或`encodeURI()`对中文参数进行编码。示例代码...

    js直接调用exe传参

    ### js直接调用exe传参 #### 背景与目的 在Web开发过程中,有时候我们需要从HTML页面通过JavaScript(简称JS)来调用本地的应用程序,并传递参数给这些应用程序。这种需求通常出现在需要与本地资源进行交互或者执行...

    Android与js之间传参

    在Android应用开发中,与JavaScript交互是常见的需求,特别是在构建混合式移动应用或者需要利用WebView展示网页内容时。本篇文章将深入探讨Android与JavaScript之间的通信机制,如何进行参数传递,以及实现这一功能...

    js传参乱码解决(亲测可行)

    为了帮助开发者更好地理解如何解决js传参乱码的问题,本文将详细介绍解决方案,并提供具体的实现步骤。 #### 一、问题背景 在Web应用中,前端页面通过JavaScript向后端发送请求时,如果参数中含有中文或其他特殊...

    JS 通过传参的方式输出 ab

    在JavaScript(JS)中,通过传参的方式输出"ab"涉及到基本的函数调用和字符串操作。在这篇博客中,我们将深入探讨这个话题,并提供一个简单的示例来演示如何实现这个功能。 首先,理解参数传递在JavaScript中的工作...

    JavaScript页面传参

    JavaScript页面传参是Web开发中的常见操作,它涉及到在网页之间或者在同一页面的不同部分之间传递信息。这在构建动态交互的Web应用时尤其重要。在本文中,我们将深入探讨JavaScript如何实现页面参数传递,以及与复选...

    Flex和JS的相互调用,传参

    标题中的"Flex和JS的相互调用,传参"指的是在Flex应用中调用JavaScript函数,或者在JavaScript中调用Flex组件的方法,并传递参数。这种互操作性是通过Adobe提供的`ExternalInterface`类实现的,它允许Flex和...

    js绑定事件,并动态传参

    js绑定事件,并动态传参,比如绑定click事件。js绑定事件,并动态传参,比如绑定click事件。 js绑定事件,并动态传参,比如绑定click事件

    jsp中调用js中的一个函数,函数传参的问题

    - 为了提高可读性和可维护性,推荐将复杂的JavaScript逻辑放在独立的.js文件中,然后通过`&lt;script src="..."&gt;`引用。 - 传递敏感数据时要格外小心,可能需要加密或使用安全的传输层协议(如HTTPS)。 5. **示例**...

    delphi 2009 创建OCX 与JS传参例子

    本示例是关于如何在Delphi 2009中创建一个OCX控件,并通过JavaScript进行参数传递的教程。 首先,我们需要了解OCX(Open Container eXtension)是微软定义的一种控件标准,它基于OLE(Object Linking and Embedding...

    通过CSS向JS传参的方法

    一、需要通过CSS传参的背景 CSS中有很多媒体查询的用法,例如设备尺寸判别,是否支持鼠标行为,是否是黑暗模式,是否是省电模式等。 比方说最近经常提到的黑暗模式,深色主题: @media (prefers-color-scheme: dark...

    关于JSP页面间的传参问题

    ### 关于JSP页面间的传参问题 #### JSP页面间传值方法概述 在进行Web开发时,尤其是在使用Java Server Pages(JSP)技术的过程中,页面间的参数传递是一项非常重要的技能。它不仅涉及到基本的HTML知识,还涉及到...

    JQuery中SetTimeOut传参问题探讨

    标题中提到的“JQuery中SetTimeOut传参问题探讨”说明我们要探讨的是在使用JavaScript的JQuery库进行编程时,如何在使用`setTimeout`或`setInterval`函数时传递参数的问题。`setTimeout`和`setInterval`是JavaScript...

    javascript父子页面传参

    总的来说,JavaScript父子页面传参涉及多种技术,根据实际场景选择合适的方法。理解并熟练掌握这些技术对于开发交互丰富的Web应用至关重要。在实际项目中,还应注意安全性问题,避免跨站脚本攻击(XSS)等风险。

    两个封装好了的js组件,可以直接传参使用

    在IT行业中,JavaScript是一种至关重要的编程语言,尤其在前端开发领域。这个压缩包提供的是两个已经封装好的JavaScript组件,可以直接用于项目中,无需过多的定制和配置,大大提高了开发效率。接下来,我们将深入...

    jquery.autocomplete.js 动态传参

    jquery.autocomplete.js 无法动态传参,好是纠结哦。研究了半天终于搞明白了,再此做个总结,供以后使用,也分享给用样为此纠结的“童鞋”们。 调用: $("#tag").autocomplete( "url", { delay:10, matchSubset:1, ...

    get方式传参中文乱码问题的解决方案

    ### get方式传参中文乱码问题的解决方案 在Web开发中,经常遇到GET请求传递中文参数时出现乱码的问题。这种现象通常出现在不同编码格式之间的转换过程中,导致浏览器或者服务器端解析参数时出现问题。本文将深入...

    Android原生java语句 和html js互相调用 传递参数

    Java端创建一个对象并暴露给JavaScript,JavaScript端通过`window对象`调用这些方法。同时,Android也可以通过`loadUrl`执行JavaScript代码。这种交互方式极大地扩展了`WebView`的功能,使得混合开发变得更加灵活。...

    c++开发activex控件和js传参,js调用ocx控件接口函数的代码(

    vs2010开发activex(MFC)控件/ie插件(一),测试ocx控件加载 vs2010开发activex(MFC)控件/ie插件(二),js传参数 vs2010开发activex(MFC)控件/ie插件(三),js调用ocx控件的接口函数

    JS传参及动态修改页面布局

    一个关于JS传参及动态修改页面布局的简单小例子。 效果图: HTML: &lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=utf-8 /&gt; &lt;title&gt;&lt;/title&gt; &lt;link rel=stylesheet href=...

Global site tag (gtag.js) - Google Analytics