![](https://img-blog.csdnimg.cn/20190918140012416.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
05_javascript
记录javascript相关知识
l0510402015
这个作者很懒,什么都没留下…
展开
-
224、javascript的location对象
参考:https://www.cnblogs.com/jc2182/p/11280704.htmlLocation 对象Location 对象包含有关当前 URL 的信息。Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。Location 对象属性属性 描述 hash 设置或返回从井号 (#) 开始的 U...原创 2020-03-25 11:25:23 · 81 阅读 · 0 评论 -
247、(案例)javaScript对象--注册表单升级,添加表单校验(利用正则表达式)
1、给表单添加校验功能,当用户输入完成后切换到下一个表格时会检查输入是否正确。2、用户提交表单时会做一次总的检查。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>注册页面、‘</title><!-- ...原创 2020-02-26 07:27:20 · 192 阅读 · 0 评论 -
246、(案例)javaScript对象--动态表格添加选择功能
1、在原动态表格基础上加入了选择功能,使用checkbox标签。2、鼠标放在哪个行上,哪个行的背景色机会被改变。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动态表格</title><!-- 1...原创 2020-02-26 07:22:59 · 256 阅读 · 0 评论 -
245、javaScript对象---Html DOM 事件(even) 之点击事件、焦点事件、加载事件、鼠标相关事件、键盘相关事件
1、点击事件* 单击事件:onclick* 双击事件:ondblclick2、焦点事件* 元素失去焦点:onblur* 一般用于表单校验,比如说用户填完当前输入框,准备切换到下一步时,需要校验输入是否正确* 元素获取焦点:onfocus3、加载事件:* onloa...原创 2020-02-26 07:11:32 · 472 阅读 · 0 评论 -
244、javaScript对象---Html DOM 事件(even) 之 选择和改变事件
1、onchange域的内容被改变。当域的内容发生改变时,会产生这个事件响应。一般用在多级下拉列表,比如省---市---县三级联动,修改了上级信息,下级下拉列单也要随之改变,这个时候就可以设置该事件。<!DOCTYPE html><html lang="en"><head> <meta charset=...原创 2020-02-22 23:49:42 · 221 阅读 · 0 评论 -
243、javaScript对象---Html DOM 事件(even) 之 表单事件
1、onchange域的内容被改变。当对象的内容发生变化时就触发该事件,一般应用于下拉列表,比如说多级联动列表,例如省-市-县,如果省改变了,则需要同步更新市列表信息。有两种方式:方式一:在js中定义事件响应<!DOCTYPE html>&l...原创 2020-02-22 23:29:07 · 269 阅读 · 0 评论 -
242、javaScript对象---Html DOM 事件(even)概念
DOM的事件(event) ##一、概念:某些组件被执行了某些操作后,触发某些代码的执行* 事件:一些操作,比如说鼠标单击、双击、键盘按下、鼠标移动* 事件源:也就是组件,在JS里面就是各个标签* 监听器:具体的特有代码* 注册监听:将事件、事件源、监听结合在一起,当事件院上发生了时间,则触发执行某个监听器代码。...原创 2020-02-22 23:02:27 · 343 阅读 · 1 评论 -
241、(案例)javaScript对象---利用html DOM的innerHTML对动态表格进行简化
利用html DOM的innerHTML属性,直接给table添加一个元素,对动态表格进行优化:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动态表格</title><!-- 1 、用户可以输入编号...原创 2020-02-22 07:16:59 · 164 阅读 · 0 评论 -
240、javaScript对象---HTML DOM 的方法和属性统览
Document 对象属性属性 描述 body 提供对 <body> 元素的直接访问。 对于定义了框架集的文档,该属性引用最外层的 <frameset>。 cookie 设置或返回与当前文档有关的所有 cookie。 domain 返回当前文档的域名。 lastModified 返回文档被最后修...原创 2020-02-22 06:58:27 · 166 阅读 · 0 评论 -
239、javaScript对象---HTML DOM对象之控制样式(style)
可以利用元素的style属性来设置样式,有如下方式:方式一、直接添加*步骤1、通过document.getElementById获取元素对象2、通过元素对象的style属性来设定元素样式:元素对象.style.元素要设置的属性名称 = "属性值"注意:这个方式一次设置一种样式,如果需要多个样式,需要一条一条设置方式二、配合CCS设定样式...原创 2020-02-22 06:57:50 · 253 阅读 · 0 评论 -
238、javaScript对象---HTML DOM对象之innerHTML
注意:html DOM包含了核心DOM的所有特性,这里将特有html DOM有一个可以获取和设置标签体的属性,就是innerHTML1、它可以设置和获取元素(标签)的内容。2、它可以完全把标签替换为别的标签。3、它也可以实现在原来标签上加上新标签<!DOCTYPE html><html lang="en"><head> <...原创 2020-02-21 21:43:30 · 218 阅读 · 0 评论 -
238、(案例)javaScript对象---利用核心DOM对象实现一个动态表单
功能:1、用户可以输入相关信息,点击添加按钮,输入的信息会被添加到表单。2、表单每一行后面都会有一个删除,点击会删除本行信息。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动态表格</title><...原创 2020-02-21 20:47:12 · 167 阅读 · 0 评论 -
237、javaScript对象---DOM对象之documen文档t对象、element元素对象、Node节点对象
## 核心 DOM 模型##DOM基于网页会生成文档,为树状结构:document ->element->Attribute一、document文档对象1、创建(获取):在html dom模型中可以使用window对象来获取1.window.document2.documeng2、方法:1、获取Ele...原创 2020-02-21 09:15:47 · 239 阅读 · 0 评论 -
236、HTML的超链接便签<a>如何删除刷新网页和跳转功能
<a>超链接功能1、可以被点击:样式2、点击后跳转到href指定的url我们需要保留1功能,去掉2功能可以通过如下方式:<a herf = "javascript:void(0)">...原创 2020-02-21 08:39:09 · 319 阅读 · 0 评论 -
235、javaScript对象---DOM对象简介
## DOM:一、DOM 概念: Document object Model文档对象模型二、说明Dom分类:核心 DOM - 针对任何结构化文档的标准模型 ---基础XML DOM - 针对 XML 文档的标准模型 ---一个方向HTML DOM - 针对 HTML 文档的标准模型---一个方向,我们学习这部分三、主要组成* DOM Document ...原创 2020-02-21 07:57:16 · 108 阅读 · 0 评论 -
234、javaScript对象---BOM对象之History对象
# BOM对象之history对象(历史记录对象)一、概念:这里的历史记录是当前窗口访问过哪些URL的历史记录,而不是整个浏览器的记录对象二、创建* window.history* history三、方法:* back() 加载history列表中的前一个URL* forward() 加载history列表中的下一个URL.* go() 加载...原创 2020-02-21 07:55:23 · 100 阅读 · 0 评论 -
233、javaScript对象---BOM对象之Loction对象---一个倒计时切换网页案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><!-- 5秒倒计时切换到百度页面--> <style> p{ ...原创 2020-02-21 07:54:14 · 177 阅读 · 0 评论 -
232、javaScript对象---BOM对象之Loction对象(地址栏对象)
一、创建二、方法(参考手册)* reload() 刷新当前页面Location 对象方法属性 描述 assign() 加载新的文档。 reload() 重新加载当前文档。 replace() 用新的文档替换当前文档。 三、属性* href 获取当前地址栏URL(也就是地址栏地址)注意:可以给href属性赋值新...原创 2020-02-21 07:51:39 · 212 阅读 · 0 评论 -
231、javaScript对象---BOM对象之Window对象---一个实现轮播图片效果案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><!--页面有三张图,会周期性的轮播这三张图--></head><body> <!-- ...原创 2020-02-21 07:45:02 · 119 阅读 · 0 评论 -
230、javaScript对象---BOM对象之Window对象(窗口对象)
一、常用方法* 与弹出框有关的方法:1、alert():显示带一段消息和确认按钮的警告框2、confirm():显示带有一段效益以及确认按钮和取消按钮的对话框* 如果用户点击确定,返回true;如果用户点击取消,返回false;3、prompt() 显示带有提示用户输入信息的对话框。...原创 2020-02-21 07:41:38 · 171 阅读 · 0 评论 -
229、javaScript对象---BOM概念
BOM:一、概念:Browser object Model浏览器对象模型*将浏览器的各个组成部分封装成对象。二、组成 * Window:窗口对象* Navigator:浏览器对象* Screen:显示屏幕对象* History:历史记录对象* Location:地址栏对象...原创 2020-02-20 17:23:17 · 96 阅读 · 0 评论 -
228、javaScript对象---一个灯泡示例及一个html排错方法
一、一个灯泡范例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <img id="img" src="img/off....原创 2020-02-20 16:13:03 · 176 阅读 · 2 评论 -
227、javaScript对象---事件初识
事件简单学习一、功能:某些组件被执行了某些操作后,触发某些代码的执行。比如说在某个图片点击,则弹出一个对话框二、绑定事件的方式1、直接在html变迁上,指定事件的属性,属性值就是js代码,这种方式耦合度太强,不推荐。2、通过JS获取标签对象,并给获取的结果指定事件属性,设置一个响应函数。这种方式不会介入html,偶尔度小。三、事件:1、onclick:...原创 2020-02-20 15:54:04 · 164 阅读 · 0 评论 -
226、javaScript对象---DOM对象初识
DOM初入门介绍:功能:控制html文档的内容代码:获取页面标签(元素)对象Element* document.getElementById("id值"):通过元素的id获取元素对象作用:操作Element对象:1.修改属性值:一般实际工作中方法:* 明确获取的对象是哪一个?* 查看API文档,找其中有哪些属...原创 2020-02-20 15:17:55 · 93 阅读 · 0 评论 -
225、javaScript对象---Global对象
Golbal对象。全局对象,它里面的方法可以直接使用,而不需要对象,直接写方法名()一、较常用方法1、decodeURI() 解码某个编码的 URI。encodeURI() 把字符串编码为 URI。decodeURIComponent() 解码一个编码的 URI。这个编码的字符串更多encodeURICo...原创 2020-02-20 13:39:13 · 137 阅读 · 0 评论 -
224、javaScript对象---RegExp正则表达对象
一、正式表达式:定义字符串的组成规则。(1)查找单个字符[]表达式 描述 [abc] 查找方括号之间的任何字符。 [^abc] 查找任何不在方括号之间的字符。 [0-9] 查找任何从 0 至 9 的数字。 [a-z] 查找任何从小写 a 到小写 z 的字符。 [A-Z] 查找任何从大写 A 到大写 Z 的字符。 [A-z] 查找...原创 2020-02-20 12:31:45 · 74 阅读 · 0 评论 -
221A、javaScript对象---基本对象
Function Boolean Date Math Number String RegExp Global原创 2020-02-20 11:38:24 · 66 阅读 · 0 评论 -
223、javaScript对象---基本对象之Date、Math
一、Date日期对象* 创建:var date = new Date();* 方法toLocalString():返回当前date对象对应的事件的本地字符串格式getTime():获取毫秒值,返回当前对象描述事件举到1970年1月1日零点的毫秒值差。二、Math对象* 创建:Math对象,不用创建,直接使...原创 2020-02-20 11:32:14 · 92 阅读 · 0 评论 -
222、javaScript对象---基本对象之Array
* 定义:(1) var arr = new Array(数组列表)(2) var arry = new Array(数组长度)(3) var arry = [元素列表](4) var arry = new Array() ---空数组* 方法(1) list(参数):将数组元素按照指定的格式输出为...原创 2020-02-20 09:04:20 · 84 阅读 · 0 评论 -
221、javaScript对象---基本对象之function
Function:描述方法的对象,在javascript里面,方法就是一个对象,而不像java方法只是对象的一部分。* 创建,有如下方式:(1) var fun = new Function(形式参数,方法体) ===>这个方式只做了解var fun1 = new Function("a","alert(a);");...原创 2020-02-20 08:45:27 · 141 阅读 · 0 评论 -
220、javascript实现99乘法表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>九九乘法表</title> <style> td{ border:1px solid; } ...原创 2020-02-19 22:36:21 · 81 阅读 · 0 评论 -
219、JavaScript---流程控制
流程控制提示:JVScritp的几个特殊语法1、一般语句以分号结束,如果一行只有一个语句,则可以不写,但是建议写。2、定义变量关键字var可以写,而直接写变量名字和值。不过还是有区别,如果带var则该变量是局部变量,如果白带var则会默认为全局变量,建议任何定义变量都要写var一、语句1、if...else...2.switch...原创 2020-02-19 22:16:03 · 67 阅读 · 0 评论 -
218、JavaScript---运算符
基本运算1、一元运算符++--+(正号)-(负号)* 注意:(1) 对于 +、-,存在的意义是放在非字符时有用。(2) 对于任意非数字的数据进行运算,规则如下:* stream如果是纯数字,则会直接变为数字,比如"123"->123;如果...原创 2020-02-19 18:27:22 · 101 阅读 · 0 评论 -
217、JavaScript---基本语法、数据类型、变量
JScript---基本语法1、与html结合方式(1).内部JS* 语法:<script>JS代码</script>(2).外部JS* 语法:<script src="外部文件"></script>(3) 注意...原创 2020-02-19 16:37:03 · 106 阅读 · 0 评论 -
216、JavaScript---JavaScript的概念、功能和发展史
一、概念:一门客户端脚本语言* 运行在客户端浏览器中。每一个浏览器都有JavaScript的解析引擎。* 脚本语言:不需要编译,直接就可以被浏览器解析执行二、功能* 可以增强用户和html页面的交互过程,可以从来控制html元素,让页面有一些动态的效果,增强用户的体验。三、JavaScript发展史(其实和JAVA没关系,语法有点类似,借东风而已)*...原创 2020-02-19 11:51:22 · 205 阅读 · 0 评论