js obj.onclick

最新推荐文章于 2022-11-16 10:03:57 发布
最新推荐文章于 2022-11-16 10:03:57 发布
阅读量155 收藏
点赞数
分类专栏： js-flex
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/spencer_tseng/article/details/112917010
版权 
<!DOCTYPE>
<html style="height: 100%">
<head>
<meta charset="UTF-8">
<style type="text/css">
body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#div_main {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%; height : 100%;
	background: #F2F2F2;
	border: 1px solid #F2F2F2;
	z-index: 1;
	height: 100%;
}

.div_item {
	width: 100px;
	height: 100px;
	background: #F2F2F2;
	border: 1px solid #FFFFFF;
}
</style>
<script type="text/javascript" src="js/echarts.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/json2.js"></script>
<script type="text/javascript">

window.onload = function()
{
	for (var i = 0; i < 10; i++)
	{
		debugger;
		var divLeftItem = document.createElement("div");
		setAttr(divLeftItem, "id", "div_item_" + i);
		setAttr(divLeftItem, "class", "div_item");
		divLeftItem.onclick = openPage;//单击后执行
		divLeftItem.onclick = openPage();//直接执行了
// 		divLeftItem.onclick = function ()//单击后执行
// 		{
// 			window.location.href= "setting.html";
// 		};
		
		div_main.appendChild(divLeftItem);		
	}

	
}

/**
 * 设置控件属性
 * 
 * @author ZengWenfeng
 * @date 2021.01.06
 * @param obj 控件
 * @param key 属性
 * @param value 值
 */
function setAttr(obj, key, value)
{
	//
	var attr = document.createAttribute(key);
	attr.value = value;

	//
	obj.setAttributeNode(attr);
}

function openPage()
{
	window.location.href= "setting.html"
}

</script>
</head>
<body>
	<div id="div_main" class="div_main">
	</div>
</body>
</html>

 

检查代码，自己去试了一下。

spencer_tseng
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js 中 obj.onclick= func() 和 obj.onclick func 分析
Aoject
03-06 5233
这两天正在学习javascript中的事件，出现了一个这样的一个以疑惑，就是在点击事件调用方法的时候有时候后面需要不需要加括号。感觉有点儿晕,，不太明白到底是什么时候需要加括号什么时候不需要加括号。于是在网上找了一些资料，整理了一下： input class="btn_default" type="button" onclick="demo()" value="js HTML事件处理"/>
java的动态绑定事件_js动态添加的DIV中的onclick事件简单实例
weixin_29489791的博客
02-16 304
最简单的是这样：动态添加onclick事件：varbObj=document.getElementById("bu");bObj.onclick=objclick;functionobjclick(){alert(this.value)};如果使用匿名函数 function(){}，则如下面所示：varbObj=document.getElementById("bu");bObj.oncl...
JavaScript常用事件详解
qq_51012353的博客
11-16 434
onclick onmouseover onmouseout onkeyup onchange onfocus onblur
js onclick 传递字符串类型的参数（js 拼接html 的几种方式，传递数组出现 [object,object]）
a123123sdf的博客
03-16 6525
js onclick传递字符类型的参数，报not defined；
onclick="function()"和onclick="return function();"区别
The_Best_Hacker的博客
04-08 5478
onclick="function()" 表示只会执行 function , 但是不会传回 function 中之回传值 onclick = "return function()" 则是 执行 function并传回 function 中之回传值 eg： <script> function doAlert() { var fail_this_chec...
javascript中onclick(this)用法介绍
10-27
3. javascript中onclick中的this：这是调用obj.value得到的结果，显示了触发事件的元素的value属性值。 总结来说，在javascript中，onclick(this)的用法主要是将当前被点击的元素作为上下文对象传递给事件处理函数...
js onclick事件传参讲解
01-19
1、在页面中给方法传参数有两种方法 ...js中cancel（obj，id，patientId） 第二：在js中用jquery$(function(){ var patientId=$(“a”).attr(“patientId”); }),在页面中”${patientId}”> 2、onclick事件
动态循环给onclick赋值(解决闭包问题)
08-15
在JavaScript编程中，闭包是一种强大的特性，它允许函数访问并操作其外部作用域的变量，即使在其外部函数已经执行完毕后。然而，当涉及到动态循环给onclick事件赋值时，闭包问题可能会出现，导致意外的结果。这个...
关于jquery的obj.click()、和obj.on()以及行内的onclick事件
soos的博客
07-29 6030
一般通过jQuery写触发事件是我们通常写的是obj.事件类型()。 以下以点击事件为例： 通常我们直接写obj.click();实现点击事件的效果，但是这种写法不支持动态元素或样式绑定事件。 支持动态元素绑定事件的是.live()和.on()。live在jquery1.7以后就不推荐使用了。 行内的onclick事件也可以实现对js的动态绑定事件。 以下是我自己整理的关于三种写法的使用
js中onClick([object object])的传参问题
java程序员笔记
12-10 1万+
js中onClick([object object])的传参问题 同事找到一个 js 树形 table 的插件，通过阅读源码，发现该插件实现的主要原理就是对树结构的数据进行遍历，然后字符串拼接 html 标签，最后显示在页面上。对于table肯定是有行操作的，所以我们在拼接按钮代码处添加了一个 run 方法，并且传递了一个对象。但是，当页面加载 dom 元素后，发现 run 方法中的参数居然是 o...
onclick中，获取不了$(this)
前端 潇凡-一个标准前端IT女
12-28 1万+
今天写项目，发现onclick中，$(this)默认绑定的是window对象，而不是当前点击对象。试了一下，onclick中，必须带this，在function内，才能获取当前对象。 链接 function openNewsList(url, obj) { console.dir(obj); $(obj).removeC
html拼接时onclick事件传递json对象
FaxBoy的博客
06-13 1万+
如：想ss('obj')结果变成了ss('[onject object]')这样的情况处理办法 1.先JSON.stringify(json) 2.将双引号变成单引号replace(/\"/g,"'") 3.将括号里的单引号除掉 4.function 直接获取到json对象，且不需要evel 例如： 拼接html部分： btn += ''； 函数部分 function d
js中onclick事件中传入object对象参数，将object对象转成字符串
lanfwq的博客
06-04 7722
var data = {"report_file_name":"128_20180601152433_Report_gl5lmm.pdf","downCount":27,"userCount":45,"role_id":1,"report_id":1,"column_8":"128_20180604110221_Report_jzpqub.jpg",
fun()与fun在obj.onclick时的应用差别
wcy18629063634的博客
05-13 451
本节疑问来源于【尚硅谷】JavaScript基础&实战丨JS入门到精通全套完整版_哔哩哔哩_bilibilip103，添加/删除记录 首先单说fun()与fun本身的区别 根据目前笔者浅显的理解先说本质 fun()代表的是函数执行的结果 fun代表的是函数这个过程 function fun() { return Math.PI; } console.log(fun()); //打印结果 3.1415
关于onclick="open([Object obj],[Object obj])"的问题
weixin_43735267的博客
11-15 816
这里写自定义目录标题欢迎使用Markdown编辑器 欢迎使用Markdown编辑器 最近做项目的时候，需要在一个js里面进行字符拼接，并给onclick的方法传值，碰到浏览器报Unexpected end of input 这个错误，试了很多方法，在网上也查了一下。 代码如下： ```javascript var prizeMap = giftList.slice(8); giftStr += ...
js onclick事件传this的一点经验
热门推荐
felixleezc的专栏
12-11 4万+
所有地区 function changeArea(obj){ } 这里obj为类型为a的标签对象,并且鼠标指向这个a时为手型   所有地区 function changeArea(obj){     alert($(obj).attr("title"));//(1)} 这里obj不知道是什么,(1)报错。 所有地区 f
在一个使用ssm框架编写的Maven项目中，在jsp页面必须放在WEB-INF中的前提下，我如何使用ajax访问WEB-INF下的名为buySeat.jsp的jsp页面?我会提供一个我在Controller中写好的跳转页面方法如下:@Controller public class OrderController { @RequestMapping("/jump") public String jump(String jump) { return jump; } } 并帮我优化完这段ajax代码 function initSchedule(obj){ var plist = $(".plist").find("tbody"); for(var i = 0;i < obj.data.length;i++){ plist.append( "<tr class=\"\">" + "<td> <span class=\"begin-time\">"+ obj.data[i].schedule_startTime +"</span> <br> </td>" + "<td> <span class=\"lang\">" + obj.data[i].schedule_movie.movie_country +"</span> </td>" + "<td> <span class=\"hall\">" + obj.data[i].schedule_hall.hall_name + "</span> </td>" + "<td> <span class=\"sell-price\"> <span class=\"stonefont\">" + obj.data[i].schedule_price + "</span> </span> </td>" + "<td> <a href="+ obj.data[i].schedule_id +"\"./buySeat?schedule_id=\" class=\"buy-btn normal\">选座购票</a> </td>" + "</tr>" ); } }
最新发布
07-11
"<td> <a href=\"#\" onclick=\"jumpToBuySeat('" + obj.data[i].schedule_id + "')\" class=\"buy-btn normal\">选座购票</a> </td>" + "</tr>" ); } } function jumpToBuySeat(scheduleId) { $.ajax({ type...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值