js
关注
分享
扫一扫
yun1996
这个作者很懒，什么都没留下…
展开
-
24-js-正则表达式
正则表达式的创建方式： 方式1： /正则表达式/模式 方式2： new RegExp("正则表达式",模式);正则表达式对象常用的方法： test() 使用正则对象去匹配字符串 如果匹配成功返回ture，否则返回false. exec() 根据正则表达式去查找字符串符合规则的内容。模式： g （全文查找出现的所有 pattern） i （忽...原创 2020-07-04 07:56:50 · 71 阅读 · 0 评论 -
23-js-dom-操作css样式-4位验证码
在DHTML.chm里面查看可以操作的样式，样式标签属性是css里面的属性，样式属性是对应的js属性<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><script原创 2020-07-04 07:56:24 · 223 阅读 · 0 评论 -
22.js-dom-城市联动框
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><script type="text/javascript"> function showCity(){ .原创 2020-07-04 07:56:14 · 136 阅读 · 0 评论 -
21-js-dom-创建、插入节点、设置节点属性+添加附件和删除附件的思想+添加上传附件按钮
document.createElement("标签名") 创建新元素节点 elt.setAttribute("属性名", "属性值") 设置属性 elt.appendChild(e) 添加元素到elt中最后的位置<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1...原创 2020-07-04 07:56:02 · 262 阅读 · 0 评论 -
20.js-dom-通过标签的关系找标签
通过关系(父子关系、兄弟关系)找标签。 parentNode 获取当前元素的父节点。 childNodes 获取当前元素的所有下一级子元素。返回的是数组 firstChild 获取当前节点的第一个子节点。 lastChild 获取当前节点的最后一个子节点。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3....原创 2020-07-04 07:55:49 · 147 阅读 · 0 评论 -
19-js做全选框的功能，点击全选再次点击取消
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><script type="text/javascript"> function checkAll(allNod.原创 2020-07-04 07:55:35 · 427 阅读 · 0 评论 -
18.js-dom-根据属性找节点
通过html元素的标签属性找节点。 document.getElementById("html元素的id") document.getElementsByTagName("标签名") document.getElementsByName("html元素的name")<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/D...原创 2020-07-04 07:55:14 · 645 阅读 · 0 评论 -
17.js-dom-dom引入
DOM(Document Object Model) 文档对象模型 一个html页面被浏览器加载的时候，浏览器就会对整个html页面上的所有标签都会创建一个对应的 对象进行描述，我在浏览器上看到的信息只不过就是这些html对象的属性信息而已。我们只要能找到 对应的对象操作对象的属性，则可以改变浏览器当前显示的内容。...原创 2020-07-04 07:54:51 · 494 阅读 · 0 评论 -
js-bom-Screen(屏幕)对象
Screen(屏幕)对象 availHeight 获取系统屏幕的工作区域高度，排除 Microsoft Windows 任务栏。 availWidth 获取系统屏幕的工作区域宽度，排除 Windows 任务栏。 height 获取屏幕的垂直分辨率。 width 获取屏幕的水平分辨率。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN...原创 2020-07-04 07:54:31 · 160 阅读 · 0 评论 -
js-bom-Location地址栏对象href属性+reload()方法
href : 设置以及获取地址栏的对象reload() 刷新当前的页面<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><script type="text/jav原创 2020-07-03 11:07:29 · 280 阅读 · 0 评论 -
js-bom-事件+常用的事件：鼠标事件+焦点事件
注册事件的方式： 方式一： 直接在html元素上注册 例如： <body onload="ready()"> function ready(){ alert("body的元素被加载完毕了.."); } 方式二：可以js代码向找到对应的对象再注册。 推荐使用。 var bodyNode = do...原创 2020-07-03 10:55:06 · 261 阅读 · 0 评论 -
js-bom-window对象常用的方法
BOM( Browser Object MOdel) 浏览器对象模型.浏览器对象模型中把浏览器 的各个部分都是用了一个对象进行描述，如果我们要操作浏览器的一些属性，我就可以通过浏览器对象模型 的对象进行操作。 window 代表了一个新开的窗口 location 代表了地址栏对象。 screen 代表了整个屏幕的对象window对象常用的方法： open() 打开一个新的窗口。window.open( 打开啊的url, _blank新窗口打开、_me...原创 2020-07-03 10:55:19 · 232 阅读 · 0 评论 -
js--prototype原型，给js内置对象加方法
Prototype注意的细节： 1. prototype是函数(function)的一个必备属性(书面一点的说法是"保留属性")(只要是function,就一定有一个prototype属性) 2. prototype的值是一个对象 3. 可以任意修改函数的prototype属性的值。 4. 一个对象会自动拥有prototype的所有成员属性和方法。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr...原创 2020-07-03 09:14:15 · 202 阅读 · 0 评论 -
js自定义对象
在javascript没有类的概念，只要有函数即可创建对象。 自定义对象的 方式1： 使用无参的函数创建对象。 例子： function Person(){} var p = new Person(); //创建了一个Person对象了 p.id = 110; p.name = "狗娃"; 方式2：使用带参的函数创建对象。 function Person(id,name){ ...原创 2020-07-03 09:15:20 · 136 阅读 · 0 评论 -
js的数组对象-Array数组对象
创建数组的方式： 方式1：var 变量名 = new Array(); 创建一个长度为0的数组。 方式2：var 变量名= new Array(长度) 创建一个指定长度的数组对象。 方式3： var 变量名 = new Array("元素1","元素2"...); 给数组指定元素创建数组 的对象。 方式4：var 变量名 = ["元素1","元素2"...];数组要注意的细节： 1. 在javascript中数组的长度是可以发生...原创 2020-07-03 09:15:10 · 250 阅读 · 0 评论 -
js常用内置对象----Math
Math对象常用的方法：ceil 向上取整floor（） 向下取整random() 随机数方法 // 产生的伪随机数介于 0 和 1 之间（含 0，不含 1），round 四舍五入<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html x...原创 2020-07-03 09:15:01 · 101 阅读 · 0 评论 -
js常用内置对象---Number对象
创建Number对象的方式： 方式1： var 变量= new Number(数字) 方式2： var 变量 = 数字; 常用的方法： toString() 把数字转换成指定进制形式的字符串。 toFixed() 指定保留小数位,而且还带四舍五入的功能。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit...原创 2020-07-03 09:14:50 · 275 阅读 · 0 评论 -
js内置对象-Date对象+显示当前时间
日期对象（Date） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><script type="text/javascript"> var原创 2020-07-03 09:14:41 · 936 阅读 · 0 评论 -
js常用的内置类string对象
创建一个字符串的方式： 方式1： new String("字符串的内容"); 方式2： var str = "字符串的内容";字符串常用的方法： anchor（） 生产锚点，加一个a标签，参数是a标签那么属性的值 blink（） 为元素添加blink标签 charAt() 返回指定索引位置处的字符。 charCodeAt() 回一个整数，代表指定位置上字符的 Unicode 编码。 fontcolor() ...原创 2020-07-03 09:14:30 · 112 阅读 · 0 评论 -
js的函数
函数的定义格式： function 函数名(形参列表){ 函数体 ; }javascript的函数要注意的细节： 1. 在 javascript中函数 定义形参时是不能使用var关键字声明变量 的。 2. 在javascript中 的函数是没有 返回值类型 的，如果函数需要返回数据给调用者，直接返回即可，如果不需要返回则不返回。 3. 在 javascript中是没有函数 重载 的概念 的，后定义的同名函数会直接覆盖前面定义同名函数...原创 2020-07-02 11:14:12 · 125 阅读 · 0 评论 -
js控制流程语句-if语句+switch语句+while语句+for语句+for-in语句
if语句 格式： if(判断条件){ 符合条件执行的代码 } if语句的特殊之处： 1. 在javascript中的if语句条件不单止可以写布尔表达式，还可以写任何的数据。 number 非0为true, 0为false. string 内容不能空是true， 内容空的时候是false。 undefin...原创 2020-07-02 09:58:38 · 149 阅读 · 0 评论 -
js的运算符--加/除/比较运算符
+(加法、正数、 连接符) true 是1. false是0 var a = 1; document.write((1+true)+"<br/>");//2 document.write((1+false)+"<br/>");//1 document.write("hello"+1); // hello1 连接字符串 除法 如果两个整数相除不能整数的时候结果还是小数。 var a = 10; var b = 3; do...原创 2020-07-02 09:42:52 · 178 阅读 · 0 评论 -
JavaScript的变量+字符串转数字parseInt&parseFloat+isNaN是否是数字
javascript的变量声明： 格式： var 变量名 = 数据; 声明变量要注意的事项： 1. 在javascript中声明变量是 使用var关键字声明的，javascript中的变量可以存储任意的数据类型数据. 2. javascript中变量数据类型是根据存储的值决定的，可以随时更改存储数据的类型。 3. 定义了多个同名的变量是，后定义的同名变量是覆盖前面定义的同名变量。 4...原创 2020-07-02 08:59:41 · 357 阅读 · 0 评论 -
javascript的引入
1.1997年欧洲的计算机协议（ECMA）组织出来给javascript规定协议。 1. ECMAScirpt(规范了基本的语法而已) 2. BOM （浏览器对象模型） 3. DOM (文档对象模型)2.javascript的特点： 1. 跨平台 2. 安全性。 （javascript的代码不能直接访问硬盘的内容）3.javascript与java之间区别 ： 1. javascript是属于网景公司产品， java是sun公司的产品。...原创 2020-07-02 08:24:31 · 161 阅读 · 0 评论 -
<span></span>标签自动换行
标签自动换行<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>&原创 2018-12-04 14:09:43 · 13412 阅读 · 0 评论 -
网页显示当前时间，网页的表------练习
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><m原创 2018-11-19 14:49:20 · 1869 阅读 · 0 评论 -
用js打印或显示"*"为正方形，5行5列。三角形，九九乘法表
1.用js打印或显示"*"为正方形，5行5列。for(var i = 0 ; i<5; i++){ // 控制行数 for(var j = 0 ; j<5 ; j++){ //控制列数 document.write("*&nbsp;"); } //换行 document.write("<br/>") } document.wr...原创 2018-11-19 14:20:10 · 3994 阅读 · 2 评论 -
js中String类型的常用方法
js中String类型的常用方法var str1 = new String(“hello”);var str2 = new String(“hello”);document.write(“两个字符串的对象一样吗？”+(str1.toString()==str2.toString()));创建一个字符串的方式：方式1：new String(“字符串的内容”);方式2：var str ...原创 2018-11-19 14:02:05 · 679 阅读 · 0 评论