JS DOM操作 函数 事件 阻止事件冒泡
一 常用函数
1、字符串函数
var s="AbcdE,145dfEE,F5"; s.tolowerCase( ); //变小写
s.toupperCase( ); //变大写
s.substr( , ); //截取(从索引2开始截取,截取8个字符长度)
s.split(','); //指定字符分割,返回一个数组。 括号里放一个字符,按照这个字符分割s
s.length ; //长度
s.indexOf( ); //在字符串中第一次出现的位置,找索引,没有返回 -1.
s.lastindextOf( ); //从后面找第一个匹配的索引。
2、时间日期函数
var d = now Date ( ); //当前时间,获取的是用户电脑系统时间(容易出问题)
var d = now Date (,,) // 定义时间,1999年4月2号,定义时月份减一。 //获取
d.getFullYeat( ); // 取年
d.getMonth( ); // 取月份, 取出来的比实际月份少1.
d.getDate( ); // 取天
d.getDay( ); // 取星期几
d.getHours( ); // 取小时
d.getMinutes( ); // 取分钟
d.getSeconds( ); // 取秒 //设置
d.setFullYear( ); // 设置年份
d.setMonth( ); //设置月份 在设置是时候注意加 1 .
...........
3、数学函数
var m=123456.78 Math.ceil( m); //取上限
Math.floor(m ); //取下限
Math.round( m); //四舍五入 Math.random( ); //随机数,0——1之间
var v = Math.random ( );
Math.ceil (v* ); //取1——10的随机数 a. match ( b ) // 判断是否匹配, var a = "aaa"
var b = "aaa"
if (aa.match(aaa))
{ //两字符串进行匹配,如果不匹配返回 null,如果相当返回子符
alert("相等")
}
else
{ //只是判断内容是否匹配,不看数据类型。
alert('不等')
}
“===” 三个等号表示恒等,内容 类型等都要相等。
二 事件
1、常用事件
onclick //鼠标单击触发
ondbclick //鼠标双击触发
onmouseover //鼠标移入
onmouseout //鼠标移出
onmousemove //鼠标移动触发 在操作对象上面移动一下鼠标就会触发
onfocus //获得焦点时触发 光标移入
onblur //失去焦点时触发 光标移出
onchange //内容改变时触发(与onblur一样,光标移出后改变)
onkeydown //按键按下时触发 下一次按键触发上一次按键结果
onkeyup //按键抬起时触发 按键按下,抬起,提起时触发按下时的结果
onkeypress //按下并放开任意数字、字母键时触发。系统按钮无法识别。 window.onload //整个浏览器加载完全后再触发,需要 HTML 文档渲染完成后执行的程序
//如果把 js 写在 head 里面,必须加 onload,一个HTML页面只能有一个 onload,函数如果写在 onload 里面永远无法调用到
window.onresize //大小(浏览器)改变时触发
例1、焦点事件
<input type="text" id="id1" />
<span id="id2"> </span> <script type="text/javascript">
var a = document.getElementById('id1');
var b = document.getElementById('id2') a.onblur = function () {
b.innerText = a.value;
}
a.onfocus = function () {
b.innerText = "8位以上数字字母组合"
} </script>
例2、浏览器大小变化时触发事件
<input type="text" id="id1" />
<span id="id2"></span> <script type="text/javascript">
var a = document.getElementById('id1');
var b = document.getElementById('id2')
var c = ;
window.onresize = function () {
b.innerText = c; // b中记录浏览器大小改变时的变化
c++;
} window.onresize = function () {
var hei = document.documentElement.clientHeight;
var wid = document.documentElement.clientWidth;
b.innerText = "高度" + wid + " 宽带" + hei;
} //显示客户端浏览器的高宽。
</script>
2、事件冒泡
当元素嵌套的时候,内部元素激发某个事件后,默认情况下外部元素相应的事件也会跟着触发
阻止冒泡:
window.event ? window.event.cancelBubble = true : e.stopPropagation();
JS DOM操作 函数 事件 阻止事件冒泡的更多相关文章
- Atitit. Js 冒泡事件阻止 事件捕获 事件传递 事件代理
Atitit. Js 冒泡事件阻止 事件捕获 事件传递 事件代理 1. 事件冒泡1 2. 事件捕获1 3. 同时支持了事件捕获阶段和事件冒泡阶段ddEventListener的第三个参数1 ...
- 封装的一些常见的JS DOM操作和数据处理的函数.
//用 class 获取元素 function getElementsByClass(className,context) { context = context || document; if(do ...
- JS DOM操作(创建、遍历、获取、操作、删除节点)
创建节点 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="u ...
- js 字符串操作函数有哪些
js 字符串操作函数有哪些 一.总结 一句话总结:js字符串函数都是字符串对象的方法,是通过调用字符串方法的方式调用,和java,php里面不一样. 1.字符串替换函数怎么用? 这里的正则表示是加双引 ...
- js区分鼠标单双击 阻止事件冒泡
function clickOrDblClick(obj) { count++; if (obj != undefined) { var rowStr = $.trim($(obj).find(&qu ...
- javascript -- 阻止默认事件 阻止事件冒泡
1. event.preventDefault(); -- 阻止元素的默认事件.注:a元素的点击跳转的默认事件 , button,radio等表单元素的默认事件 , div 元素没有默认事件 例: ...
- js dom 操作技巧
1.创建元素 创建元素:document.createElement() 使用document.createElement()可以创建新元素.这个方法只接受一个参数,即要创建元素的标签名.这个标签名在 ...
- js dom 操作
JS的DOM操作 1DOM是文档对象模型,这种模型为树模型:文档是指标签文档,对象是指文档中每个元素:模型是指抽象化的东西. 2间隔与延迟间隔执行一段代码(函数):window.setInterv ...
- JS—DOM操作
节点分为三类: 1.元素节点:标签<div></div> 2.文本节点:标签内的纯文本. 3.属性节点:标签内的属性,id或class 查找元素: getElementById ...
随机推荐
- [翻译]第二天 - Visual Studio 中的 .NET Core 模版一览
原文: http://michaelcrump.net/part2-aspnetcore/ 免责声明:我不是 .NET Core 开发团队的一员,并且使用的是公开.可用的工具. 简介 该系列文章的完整 ...
- WPF ListBox的进阶使用(一)
公司项目有个需求,UI界面支持动态平均分割界面,想了想便想到用ListBox来实现,用UniformGrid作为ListBox的ItemsPanelTemplate,通过动态改变UniformGrid ...
- Flask系列05--Flask的配置config
一.flask配置 示例说明, 就是使用config进行配置 from flask import Flask app = Flask(__name__) # type:Flask app.conf ...
- 面向对象总结、configparser配置文件模块、logging日志模块
面向对象总结 # 学习态度# python基础 2个月# html css js jq 1个月 # 上课困 # 学习方法 :# 列出知识点# 例子 写了哪些 # 面向对象学了哪些块# 为什么要讲面向对 ...
- Python 常用的内置函数
1. str.isdigit( ) 作用:检测字符串是否有数字组成 2. strip( ) 作用:除去首尾指定的字符,包括空格,换行符,不能除去中间的字符 3. slice( ) 作用:以指定参数切割 ...
- Python 基础之class魔术方法
类的常用魔术方法:无需人为调用,基本是在特定的时刻自动触发,方法名被前后两个下划线包裹 魔术方法,总结表: __init__:构造函数.初始化的时候调用. __new__:对象实例化方法,其实这才是类 ...
- cad.net的undo返回操作
这是提供给许多从lisp转移到c#的开发人员的一个函数,这个函数利用后绑代码实现undo返回操作. 本代码由edata提供: edata博客 /// <summary> /// 命令动作编 ...
- Ms17-010进行WEB提权之实践下某培训靶机服务器
前言:该机器为某个其他培训机构的靶机,说实话在这里没炫耀啥,只是给各位学习Ms17010的同学指一条路,我原先也折腾这玩意儿好久,但是就是不行,最近才找到了出路,所以多写两篇文章,把各种需要注意的地方 ...
- 安装openvpn
1.安装服务器端openvpn yum install -y openvpn easy-rsa 如果已存在的yum源中找不安装文件,则可通过以下安装epel yum源 rpm -ivh http:/ ...
- ubuntu16搭建harbor镜像库
参考 https://blog.csdn.net/qq_35720307/article/details/86691752 目的:搭建本地镜像库,方便快速的存放和拉取需要的镜像文件.