随笔分类 - JS
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box1{ width: 100px; height: 100px; background-color: red;
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 事件的冒泡（Bubble） * -所谓的事件冒泡指的是事件的向上传导， * 当后代元素上的
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> /* * 正则表达式字符串的方法 */ // split(); //
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .pAll { width: 800px; font-family: '黑体'; margin: 50px auto
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> window.onload=function(){ //获取ul标签 var imgList =
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="css/index.css"/> <link rel="stylesh
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> #box1{ width: 100px; height: 100px; background-col
阅读全文
摘要：跨浏览器事件 跨浏览器添加事件 //跨浏览器添加事件 function addEvent(obj,type,fn){ if(obj.addEventListener){ obj.addEventListener(type,fn,false); }else if(obj.attachEvent){//
阅读全文
摘要：<script type="text/javascript"> //从1加到100 function plus(start,end){ //括号里的表示形参 var a=0; for (var i=start;i<=end;i++) { a=a+i; //若i=3,则表示：1+2+3，a的值是随fo
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 定义一个函数，专门为指定元素绑定单击响应的函数 * 参数： * idstr 要绑定单击响应
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload=function(){// 为id为btn04的按钮绑定一个单击响应函数
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload=function(){// 为id为btn01的按钮绑定一个单击响应函数
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * location * -该对象封装了浏览器地址栏的信息 */ window.onload=
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * history * -对象可以用来操作浏览器向前或向后翻页 */ window.onloa
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <!--段落标签 显示文本内容--> <p id="time"></p> <!--js的一个引入--> <script type=
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script type="text/javascript"> /* * BOM * -浏览器对象模型 * -BOM可以使我们通过
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> //onload页面加载完成之后再执行 window.onload= function (){
阅读全文
摘要：<script type="text/javascript"> /* * 作用域： * 作用域指一个变量作用的范围 例1 * 在JS中一共有2种作用域 * 1.全局作用域 * 直接编写在Script标签里面JS代码，都在全局作用域中 例2 * 全局作用域在页面打开时创建，在页面关闭时销毁 * 例3
阅读全文
摘要：<!-- for循环适用于已知循环次数，while循环适用于未知循环次数，还有一种do while循环 1>for循环:适合于循环次数是已知的。最好选择for循环 2>while:适合于循环次数是未知的。最好选择while循环. 3>do while:适合于循环至少执行一次的。最好选择do whil
阅读全文
摘要：<!--解除绑定事件--> <div style="width: 100px; height: 100px;"></div> <script type="text/javascript"> var div = document.getElementsByTagName('div')[0]; div.
阅读全文
浙公网安备 33010602011771号