onclick

1、jQuery 简介 1.1 jQuery --->jQuery是一个优秀的JavaScript框架，其宗旨是 ――WRITE LESS,DO MORE, 写更少的代　码 , 做更多的事情。 --->jQuery是一个快速的，简洁的JavaScript库使用户能更方便地处理 HTML documents 、 events 、实现动画效果，并且方便地为网站提供 AJAX 交互。 ---> jQuery 还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 ---> jQuery 能够使用户的 html 页保持代码和 html 内容分离，也就是说，不用再在 html 里面插入一堆 js 来调用命令了，只需定义 id 即可。 1.2 jQuery 对象 jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象。 jQuery 对象是 jQuery 独有的 . 如果一个对象是 jQuery 对象 , 那么它就可以使用 jQuery 里的方法 : $(“#test”).html(); 比如： $("#test").html() 意思是指：获取 ID Ϊ test 的元素内的 html 代码。其中 html() 是 jQuery 里的方法 这段代码等同于用 DOM 实现代码： document.getElementById("

前面的话 　　Redux是Flux思想的另一种实现方式。Flux是和React同时面世的。React用来替代jQuery，Flux用来替换Backbone.js等MVC框架。在MVC的世界里，React相当于V(view)的部分，只涉及页面的渲染。一旦涉及应用的数据管理部分，还是交给Model和Controller。不过，Flux并不是一个MVC框架，它用一种新的思路来管理数据。本文将详细介绍Redux的内容 MVC 　　MVC是业界广泛接受的一种前端应用框架类型，这种框架把应用分为三个部分： 　　Model(模型)负责管理数据，大部分业务逻辑应该放在Model中 　　View(视图)负责渲染用户页面，应该避免在View中涉及业务逻辑 　　Controller(控制器)负责接受用户输入，根据用户输入调用相应的Model部分逻辑，把产生的数据结果交给View部分，让View渲染出必要的输出 　　MVC框架提出的数据流很理想，用户请求先到达Controller，由Controller调用Model获得数据，然后把数据交给View。但是，在实际框架实现中，总是允许View和Model直接通信 　　然而，在MVC中让View和Model直接对话就是灾难 Flux 　　Facebook用Flux框架来替代原有的MVC框架，这种框架包含四个部分： 　　Dispatcher负责动作分发

前面的话 JSX 　　JSX是Javascript的语法扩展(extension)，可以让我们在Javascript中可以编写像HTML一样的代码。 　　JSX用来声明 React 当中的元素，JSX 中使用 JavaScript 表达式，JSX中的表达式要包含在大括号里 【模板字符串】 　　可以在JSX中使用模板字符串 {`Joined in ${time}`} 【属性】 　　可以使用引号来定义以字符串为值的属性： const element = <div tabIndex="0"></div>; 　　也可以使用大括号来定义以 JavaScript 表达式为值的属性： const element = <img src={user.avatarUrl} />; 　　下面这两个 JSX 表达式是等价的 <MyComponent message="hello world" /> <MyComponent message={'hello world'} /> 【默认为true】 true <MyTextBox autocomplete /> <MyTextBox autocomplete={true} /> 【扩展属性】 　　如果已经有了个 props 对象，并且想在 JSX 中传递它，可以使用 ... 作为扩展操作符来传递整个属性对象。下面两个组件是等效的： function App1

虽然不同浏览器之间存在差异(如Google Chrome,Firefox,Safari和IE等)，但单从浏览器构成来说，大同小异，大致可归结为如下几类： 1.User Interface(用户界面)：所谓用户界面，就是通过浏览器渲染出来，让用户可见的界面，如地址栏，书签菜单栏等； 2.Browser Engine(浏览器引擎)：主要操作呈现的引擎界面； 3.Rendering Engine(渲染引擎)：负责渲染响应请求内容，如负责解析HTML和CSS； 4.Networking(网络)：负责网络呼叫处理，如http请求； 5.JS Interpreter(JavaScript 解释器)：负责解析和执行javascript代码； 6.UI Back(UI后端)：用于绘制组合框和窗口等基本组建； 7.Data Persistence(数据持久):通常用来持久化存储少量数据，如cookie等； （二）JavaScript在浏览器中的地位 （三）JavaScript构成 关于javascript的构成，大致可归结为三个部分：ECMAScript，DOM和BOM。 1.ECMAScript是对js的约束和规范，如基本语法结构； 2.DOM就是文档对象模型，是交互的资源，如html文档； 3.BOM主要是对浏览器本身描述，如浏览器名称，版本号等； （四）JavaScript基本执行原理

1、什么是DOM？ DOM 是 W3C（万维网联盟）的标准。 DOM 定义了访问 HTML 和 XML 文档的标准： "W3C 文档对象模型（DOM）是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。" W3C DOM 标准被分为 3 个不同的部分： 核心 DOM - 针对任何结构化文档的标准模型 XML DOM - 针对 XML 文档的标准模型 HTML DOM - 针对 HTML 文档的标准模型 什么是 XML DOM？ －－－－>XML DOM 定义了所有 XML 元素的对象和属性，以及访问它们的方法。 什么是 HTML DOM？－－－－>HTML DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法。 2、DOM 节点 根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点(NODE)： 整个文档是一个文档节点(document对象) 每个 HTML 元素是元素节点(element 对象) HTML 元素内的文本是文本节点(text对象) 每个 HTML 属性是属性节点(attribute对象) 注释是注释节点(comment对象) 画dom树是为了展示文档中各个对象之间的关系，用于对象的导航。 节点(自身)属性: attributes - 节点（元素）的属性节点 innerHTML - 节点（元素

java.lang.IllegalAccessException: access to method denied 06-23 16:12:39.128 1253-1253/com.hbjyjt.oa.activity W/ System.err: at java.lang.reflect.Method.invokeNative(Native Method) 06-23 16:12:39.128 1253-1253/com.hbjyjt.oa.activity W/System.err: at java.lang.reflect.Method.invoke(Method.java:515 ) 06-23 16:12:39.128 1253-1253/com.hbjyjt.oa.activity W/System.err: at net.tsz.afinal.annotation.view.EventListener.invokeClickMethod(EventListener.java:109 ) 06-23 16:12:39.128 1253-1253/com.hbjyjt.oa.activity W/System.err: at net.tsz.afinal.annotation.view.EventListener.onClick(EventListener.java:99

语法：node.addEventListener(事件名称,回调函数,是否使用事件捕获传递) 注意：使用匿名的回调函数后面会无法移除 <script> var ul = document . querySelector ( '#ul' ) ul . addEventListener ( 'click' , function (){ console . log ( '点击了ul' ) }) </script> 第三个参数： 这个参数用来描述是否使用事件捕获传递，默认为false 事件传递方式就两种，一种是冒泡（完全由内到外），另一种是捕获（由外到内），即默认为冒泡传递 实例：3个dom元素都绑定了点击事件 <ul id = "ul" onclick = " test ( 'ul' ) " > <li id = "li" > <p onclick = " test ( 'p' ) " > 11111 </p> </li> </ul> <script> function test ( msg ){ console . log ( msg ) } var li = document . querySelector ( '#li' ) li . addEventListener ( 'click' , function (){ console . log ( '点击了li' ) },

提示是否进行链接跳转 知识点： onclick="return confirm('确认跳转么？')" 代码： <a onclick="return confirm('确认禁用该粉丝么？')" href="{php echo $this->createWebUrl($filename, array('op' => 'disable', 'openid' => $fan['openid']))}" class="btn btn-primary">禁用</a> 来源： https://www.cnblogs.com/GetcharZp/p/11763005.html

在很多的网站中随处可见这种 <a>标签hover的时候会呈现链接的方法参数数据，这样无疑降低了系统的安全性，那么如何处理掉。 采用onclick方法，不要将超链接的方法写到href上面 <a href=’javascript:TAVertical.newPanel({“page”:”112”,”nodeName”:”测试node”})’ title=”测试标题”>测试标题</a> ’‘直接在href上写跳转的方法。’‘ <a href=”javascript:void(0);” onclick=’TAVertical.newPanel({“page”:”11”,”nodeName”:”这是一个名”})’ title=”测试名”>测试名</a> ’‘在这个上面TAVertical.newPanel方法提供了路由跳转方法，实现跳转。’‘ 文章来源: 如何去掉html<a>标签的hover数据

使用html+css+js实现简易计算器， 效果图如下： html代码如下： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <title>calculator</title> 8 <link rel="stylesheet" type="text/css" href="style.css"> 9 <script type="text/javascript" src="contain.js"></script> 10 <title>Document</title> 11 </head> 12 <body> 13 <div class="calculator"> 14 <form name="calculator"> 15 <input type="text" id="display" value=""> 16 <br> 17 <input type="button" class="btn number txt" value=