自定义属性

JS DOM属性,包括固有属性和自定义属性,以及属性获取、移除和设置

ぃ、小莉子 提交于 2020-02-07 21:59:15
属性分为固有属性property和自定义属性attribute 固有属性查看 固有属性可以通过ele.property 来获取,自定义属性不行 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body{ width:100%; height:100%; } </style> <script src="DomReady.js"></script> <script> myReady(function(){ var input=document.querySelector("input"); console.log(input.type);//text console.log(input.value);//txt console.log(input.a);//undefined console.log(input.title);//"" }); </script> </head> <body> <input type="text" value="txt" a="b"> </body> </html> .attributes 返回类数组,获取所有属性,包括自定义属性和固有属性 如果定义了同名属性,后面的属性会被忽略 如果自定义属性时出现了大写

前端-JQuery

时间秒杀一切 提交于 2020-01-31 22:50:49
jQuery jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Write less, do more.“ jQuery的优势 一款轻量级的JS框架。jQuery核心js文件才几十kb,不会影响页面加载速度。 丰富的DOM选择器,jQuery的选择器用起来很方便,比如要找到某个DOM对象的相邻元素,JS可能要写好几行代码,而jQuery一行代码就搞定了,再比如要将一个表格的隔行变色,jQuery也是一行代码搞定。 链式表达式。jQuery的链式操作可以把多个操作写在一行代码里,更加简洁。 事件、样式、动画支持。jQuery还简化了js操作css的代码,并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作,后端只需返回一个JSON格式的字符串就能完成与前端的通信。 跨浏览器兼容。jQuery基本兼容了现在主流的浏览器,不用再为浏览器的兼容问题而伤透脑筋。 插件扩展开发。jQuery有着丰富的第三方的插件,例如:树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件,并且用jQuery插件做出来的效果很炫

微信小程序事件绑定和点击事件

亡梦爱人 提交于 2020-01-30 16:58:41
微信小程序事件绑定和点击事件 < ! -- 1 需要给input 标签绑定 input 事件 绑定关键字 bindinput 2 如何获取 输入框的值 通过事件源对象来获取 e . detail . value 3 把输入框的值 赋值到 data 当中 不能直接: 1 this . data . num = e . detail . value 2 this . num = e . detail . value 正确的写法: this . setData ( { num : e . detail . value } ) 4 需要加入一个点击事件 1 bindtap 2 无法在小程序当中的事件中直接传参 3 通过自定义属性的方式来传递参数 4 事件源中获取 自定义属性 -- > demo.wxml < input type = " " bindinput = " handleInput " > </ input > < button bindtap = " handtap " data-operation = " {{1}} " > + </ button > < button bindtap = " handtap " data-operation = " {{-1}} " > - </ button > < view > {{num}} </ view > demo.json

vue的一些$属性含义《转载》

 ̄綄美尐妖づ 提交于 2020-01-30 09:45:32
属性: vm.$el 获取Vue实例关联的DOM元素; vm.$data 获取Vue实例的data选项(对象) vm.$options 获取Vue实例的自定义属性(如vm.$options.methods,获取Vue实例的自定义属性methods) vm.$refs 获取页面中所有含有ref属性的DOM元素(如vm.$refs.hello,获取页面中含有属性ref = “hello”的DOM元素,如果有多个元素,那么只返回最后一个) Js代码 var app = new Vue({ el:"#container", data:{ msg:"hello,2018!" }, address:"长安西路" }) 对上面部分console.log如下: console.log(app.$el); 返回Vue实例的关联DOM元素,在这里是#container console.log(app.$data); 返回Vue实例的数据对象data,在这里就是对象{msg:”hello,2018“} console.log(app.$options.address); 返回Vue实例的自定义属性address,在这里是自定义属性address console.log(app.$refs.hello) 返回含有属性ref = hello的DOM元素(如果多个元素都含有这样的属性,只返回最后一个)<h3

jQuery基本语法

删除回忆录丶 提交于 2020-01-26 15:59:08
为什么要用jQuery? 写起来简单,省事,开发效率高,兼容性好(write less,do more). 什么事jQuery? jQuery是一个兼容多浏览器的JavaScript库(类似python里面的模块), 如何使用jQuery? 导入: <script src="jquery-3.2.1.js"></script>     <script src="jquery-3.2.1.min.js"></script> 语法规则:$("") JS和jQuery的区别? jQuery就是用JS写的 js是基础,jQuery是工具 选择器 基本选择器   ID选择器  $("#id的值")   类选择器(class) $(".class的值")   标签选择器(html标签) $("标签的名字")   所有标签    $("*")   组合选择器  $("xx,xxx") 层级选择器 $("x y");// x的所有后代y(子子孙孙) $("x > y");// x的所有儿子y(儿子) $("x + y")// 找到所有紧挨在x后面的y $("x ~ y")// x之后所有的兄弟y  jQuery对象   用jQuery选择器查出来的就是jQuery对象   jQuery对象,他就可以使用jQuery方法,不能使用DOM的方法   DOM对象和jQuery对象的转换:     --

小程序学习

╄→гoц情女王★ 提交于 2020-01-26 03:35:11
转自 https://www.cnblogs.com/dotnetcrazy/p/10597311.html#top 文章汇总: https://www.cnblogs.com/dotnetcrazy/p/9160514.html 目录: 一文摸摸小程序的底¶ 1.屁话一箩筐¶ 2.记录点小程序功能点¶ 2.1.前言¶ 2.2.页面初始数据的使用¶ 2.2.1.获取¶ 2.2.2.设置¶ 3.弹框提醒¶ 4.页面自定义属性值¶ 4.1.H5的自定义属性值¶ 4.2.小程序版¶ 5.小程序标题¶ 6.拨打电话¶ 7.图片背景¶ 7.1.背景图片¶ 7.2.页面填充¶ 7.3.新思路¶ 8.页面跳转¶ 9.地图相关¶ 9.1.简单案例¶ 9.2.Map组件¶ 1.简单案例扩展¶ 2.Map组件案例¶ 补充说明¶ 1.关于调试¶ 2.关于开发者设置¶ 3.关于网络资源的说明¶ 4.发布和预览¶ 一文摸摸小程序的底 写在前面的话:算不了入门教程,只能算这几晚的摸索教程,下次会出一篇 一文入门小程序 本文示例源码: https://github.com/lotapp/BaseCode/tree/master/javascript/5.wechat/base 1.屁话一箩筐 有些同志留言说我消失了,文章更新频率比以前慢多了?我这边先统一回复一下: 最近这 几个月 利用空闲时间把三国读完了(咳

HTML5-自定义属性

99封情书 提交于 2020-01-25 08:55:11
HTML5 中规定所有的自定义属性必须以 data- 开头;通过 el.getAttribute() 和 el.setAttribute() 方法可以获取和设置自定义属性。 在 HTML5 中,所有以 data- 开头的属性都会存储在标签的 dataset 属性中,通过该属性也可以获取所有的自定义属性。 < section data-id = " 123 " data-intro = " section 标签 " > </ section > < script > var el = document . querySelector ( 'section' ) console . log ( el . dataset ) </ script > 来源: CSDN 作者: 蓬莱老仙 链接: https://blog.csdn.net/weixin_44486539/article/details/104081278

跨站点伪造请求

六月ゝ 毕业季﹏ 提交于 2020-01-23 02:17:42
系统漏洞 描述 CSRF(Cross-Site Request Forgery,跨站点伪造请求)是一种网络攻击方式,该攻击可以在受害者毫不知情的情况下以受害者名义伪造请求发送给受攻击站点,从而在未授权的情况下执行在权限保护之下的操作,具有很大的危害性。具体来讲,可以这样理解CSRF攻击:攻击者盗用了合法用户的身份,以合法用户的名义发送恶意请求,对服务器来说这个请求是完全合法的,但是却完成了攻击者所期望的一个操作,比如以你的名义发送邮件、发消息,盗取你的账号,添加系统管理员,甚至于购买商品、虚拟货币转账等。 防御 CSRF漏洞防御主要从服务端和用户端两个层面进行。 1、服务端的防御 目前主要防御CSRF攻击主要有三种策略:验证HTTP Referer字段,在请求地址中添加token并验证,在HTTP头中自定义属性并验证。 1)验证HTTP Referer字段 根据HTTP协议,在HTTP头中有一个字段叫Referer,它记录了该HTTP请求的来源地址。在通常情况下,访问一个安全受限页面的请求必须来自于同一个网站。 比如某银行的转账是通过用户访问http://bank.test/test?page=10&userID=101&money=10000页面完成,用户必须先登录bank. test,然后通过点击页面上的按钮来触发转账事件。当用户提交请求时