JS
文章平均质量分 71
My_____Dream
这个作者很懒,什么都没留下…
展开
-
JS与HTML的整合方式
一、JS与HTML的整合方式一、JS与HTML有两种整合方式 1、通过<script>标签直接引入,写在head标签内。 例如: <script>alert("我爱你");</script>2、通过外部独立的JS文件。然后使用<script type="text/javascript" src="路径"...原创 2018-01-21 16:18:26 · 940 阅读 · 0 评论 -
JSbom(浏览器对象模型)总结
JSbom(浏览器对象模型)总结一、简介所有的浏览器都有5个对象 window:窗口 location:定位信息 (地址栏) history:历史window对象详解:如果文档包含框架(frame 或 iframe 标签...原创 2018-01-26 13:38:23 · 441 阅读 · 0 评论 -
JS实现左右选中移动
JS实现左右选中移动一、步骤分析1、使用标签进行页面设置2、增加移动按钮3、通过获取Id方法获取指定标签内容4、使用document.getElementById("right").appendChild(xxx); 增加一个子标签二、代码练习<!DOCTYPE html><html><head><meta charset...原创 2018-01-26 12:22:48 · 1536 阅读 · 0 评论 -
JS-dom文档对象模型介绍及常用引用类型
JS-dom文档对象模型介绍1、文档对象模型 当浏览器接受到html代码的时候,浏览器会将所有的代码装载到内存中,形成一颗树(document树)。 这棵树又包含了很多节点(Node)如: 文档节点 document ...原创 2018-01-26 11:14:50 · 319 阅读 · 0 评论 -
JS基本组成变量与数据类型
JS声明变量与数据类型JS组成部分: ECMAScript:js基础语法(规定 关键字 运算符 语句 函数等等...) BOM:浏览器对象模型 DOM:文档对象模型一、声明变量格式: var 变量名; 变量名=变量值; var 变量名=变量值;二、JS原始类型 ...原创 2018-01-21 20:14:36 · 465 阅读 · 0 评论 -
JS实现全选与全不选
JS实现全选与全不选一、步骤分析1、使用<input type="checkbox" >进行复选框的布局。2、对全选框进行事件绑定。(鼠标单击)3、编写全选函数。4、获取复选框的状态,使其他复选框与全选框的状态一致。二、代码练习<!DOCTYPE html><html><head><meta charse...原创 2018-01-25 19:53:21 · 7267 阅读 · 0 评论 -
JS实现隔行换色
JS实现隔行换色一、步骤分析1、设计好表格页面2、通过获取标签的方式如: var arr= document.getElementsByTagName("tr"); //返回数组3、通过循环的方式遍历数组: a、当为奇数时为一颜色 ...原创 2018-01-25 18:48:59 · 2771 阅读 · 0 评论 -
JS实现表单验证输入框提示
JS实现表单验证输入框提示一、步骤 1、设计好表单页面,在每个输入框后加入强调标签<span> 2、利用事件驱动函数,在输入框上绑定指定事件 3、编写相应函数,使得触发事件时达到理想结果 注: 在编写函数时,需要通过Id信息获取输入框内容如: var userName= do...原创 2018-01-25 17:43:02 · 4123 阅读 · 0 评论 -
JS实现定时显示广告图片
JS实现定时显示广告图片一、步骤分析1、在原页面插入广告图片,并使其style=“display:none”,即隐藏图片;2、绑定页面加载事件并驱动定时器函数setTimeout(显示图片函数名,毫秒),定时器隔X毫秒后执行指定一次3、编写显示图片函数通过document.getElementById("in4").style.display="block";显示图片,并声明...原创 2018-01-22 20:28:48 · 1430 阅读 · 0 评论 -
JS实现图片轮播与基本语法
JS实现图片轮播一、实现步骤1、在body中绑定定时器事件onload="time()" 定时器函数 2、声明定时器函数 setInterval(指定函数名,停格时间) 3、声明指定函数,通过ID获取图片,修改图片的src 4、实现轮播二、代码展示<!DOCTYPE html><htm...原创 2018-01-22 15:48:42 · 916 阅读 · 0 评论 -
JS实现简单的表单验证01
JS实现简单的表单验证01一、步骤分析:1、设计表单页面form2、在表单标签中增加一个事件 onclick=“checkForm”3、编写checkForm方法,4、分别通过getElementByID获得指定信息并进行判断是否为空5、为空则发出提示并返回错误。二、代码练习:<!DOCTYPE html><html><he...原创 2018-01-21 22:32:30 · 593 阅读 · 0 评论 -
JS函数与事件补充
JS函数与事件补充一、ji声明函数方式 方式一: function 函数名(参数){函数体;} 方式二: var 函数名=function(参数){函数体;}二、事件方式 方式一:通过标签的事件属性 如<input onclick="函数名(参数)"/&g...原创 2018-01-21 23:52:22 · 714 阅读 · 0 评论 -
JS事件驱动函数
JS事件驱动函数一、函数 定义函数格式: 方式一: function 函数名(){ 函数体 }此处 函数名不需要声明返回类型,调用时直接写函数名;如下图:二、JS常用事件 ...原创 2018-01-21 21:28:12 · 850 阅读 · 0 评论 -
JS知识点总结
JS知识点总结一、组成部分 ECMAScript 、BO、DOM二、变量声明 var 变量名=初始化值三、数据类型 1、原始类型: Undefined 、Null、String 、Number、Boolean 通过typeof运算符可以判断变量属于的原始类型 ...原创 2018-01-27 12:06:49 · 785 阅读 · 0 评论