javascript
从前到后
这个作者很懒,什么都没留下…
展开
-
JS 数组方法
JS 数组方法详细介绍原创 2024-02-20 09:43:56 · 348 阅读 · 0 评论 -
javascript3-循环结构
DOCTYPE html>html>head>metacharset="utf-8" />title>title>head>body>scripttype="text/javascript">// 循环结构// 在某一条件下,重复去做某件事。vartime = 0;// 1. while循环 当。。。时// 当满足括号中的条件时,一直原创 2016-07-17 14:39:44 · 229 阅读 · 0 评论 -
javascript4-数组
DOCTYPE html>html>head>metacharset="utf-8" />title>title>head>body>divid="div1">div>scripttype="text/javascript">varoDiv = document.getElementById("div1");// 数组// 能够保原创 2016-07-17 14:45:15 · 198 阅读 · 0 评论 -
javascript6-系统对象
DOCTYPE html>html>head>metacharset="UTF-8">title>title>head>body> scripttype="text/javascript">// Date 对象// 记录时间的,时间对象varnow = new Date();// alert(now);// 年份获取varye原创 2016-07-17 15:11:15 · 314 阅读 · 0 评论 -
js基础汇总
DOCTYPE html>html lang="en">head>meta charset="UTF-8">title>Documenttitle>head>body>script>一. script的引入方式1. 头部引入2. 外部引入(可以在头部可以在body)3. body闭标签前引入(内部引入)一般写法 js的调试方式:1.原创 2016-07-17 15:43:31 · 374 阅读 · 0 评论 -
JavaScript-DOM
DOM概念:1. 是文档对象模型DOM(Document Object Modal)当页面被加载时, 浏览器为页面生成DOM被构造为对象的树(倒立的树)2. 从编程角度看,DOM是针对HTML 和 XML的API(Application Programing Interface) 应用程序编程接口, js同过操作DOM可以实现添加,移出,修改页面元素 */节点关系原创 2016-07-17 15:45:47 · 234 阅读 · 0 评论 -
sort();方法
DOCTYPE html>html>head>metacharset="UTF-8">title>title>head>body>scripttype="text/javascript">/*定义和用法sort() 方法用于对数组的元素进行排序。排序顺序可以是字母或数字,并按升序或降序。默认排序顺序为按字母升序。注意:当数字是按字母顺序排列时原创 2016-07-17 16:03:29 · 925 阅读 · 0 评论 -
cookie
DOCTYPE html>html>head>metacharset="utf-8" />title>title>head>body>scripttype="text/javascript">/** 客户端存储用户信息能力的要求,属于某个特定的用户的信息* 应该存在于该用户的机器上,例如:登录信息、偏好设置、等等。* 有好多种方法,我们涉原创 2016-07-17 18:11:14 · 604 阅读 · 0 评论 -
localStorage
DOCTYPE html>html>head>metacharset="UTF-8">title>title>head>body>scripttype="text/javascript">//localStorage 一种在客户端存储少量的数据,大小是5m//IE8 以上才支持//cookie字符串//localStorage对象//原创 2016-07-17 18:12:02 · 256 阅读 · 0 评论 -
javascript-BOM
BOM Browser Object Modal 用BOM是处理与浏览器进行交互的方法和接口,可以对浏览器窗口进行访问和操作,使用BOM进行开发的话可以打开、移动窗口,改变一些文本,以及执行与页面内容不直接相关的动作。* BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象, 其他对象都是window对象的子对象* window 对象* 1原创 2016-07-17 16:25:58 · 255 阅读 · 0 评论 -
正则表达式
/*正则表达式(regular expression)(台湾称为规则表达式)描述了一种字符串匹配的模式,可以用来search()检查一个串时候含有某种子串、将match()匹配的子串做replace()替换或者从某个串中取出某个符合条件的子串。 */varstr = "fdsf123sfd的份上12的撒发13";// [123,12,13]vararr = [原创 2016-07-17 18:19:01 · 314 阅读 · 0 评论 -
javascript2-分支结构
DOCTYPE html>html>head>metacharset="utf-8" />title>title>head>body> inputtype="text" name="man" id="man"value="" />inputtype="button" name="btn" id="btn"value="提交" />原创 2016-07-17 14:33:46 · 259 阅读 · 0 评论 -
元素获取与事件绑定
DOCTYPE html>html>head>metacharset="UTF-8">title>title>head>body>divid="div1">div>scripttype="text/javascript">// 元素获取// 都是DOM// html获取// 通过id获取元素// object 对象原创 2016-07-17 14:30:45 · 200 阅读 · 0 评论 -
取消冒泡事件方法
方法一:event.cancelBubble = true; //取消冒泡事件方法二:event.stopPropagation();//停止传播 也能取消冒泡事件原创 2016-07-11 19:20:15 · 937 阅读 · 0 评论 -
事件捕获与事件冒泡
addEventListener(事件,函数,useCapture),第三个参数为true和false有什么区别参数3 useCapture父级第三个参数为真,表示捕获,从父级到子级发生,无论子级是啥,都是从父级-->子级父级第三个参数为假,表示冒泡,从子级到父级发生, 无论子级是啥,都是从子级-->父级原创 2016-07-11 19:23:30 · 272 阅读 · 0 评论 -
HTML DOM概念及相关操作
1.DOM:文本对象模型DOM(Document Object Modal)当页面在加载时,浏览器为页面生成DOM,被构造为对象的树,倒立的树。从编程角度看,DOM是针对HTML和XML的API(Application Programing Interface)应用程序接口,js同时通过操作DOM可以实现添加、移除、修改页面元素.2.节点类型:标签是一种节点类型DOM里都叫节点原创 2016-07-12 20:49:25 · 256 阅读 · 0 评论 -
九九乘法表-javascrip循环结构
九九乘法表div{width: 100px;height: 30px;border: 1px solid darkolivegreen;display: inline-block;text-align: center;line-height: 30px;}for (var j = 0; j for (var i = 0; i原创 2016-07-12 20:58:57 · 283 阅读 · 0 评论 -
校验用户输入的生日
var oNum1 = document.getElementById("num1");var oNum2 = document.getElementById("num2");var oNum3 = document.getElementById("num3");var oBtn = document.getElementById("btn");oBtn.onclick = f原创 2016-07-12 21:00:07 · 466 阅读 · 0 评论 -
写一个函数,函数功能是将一个排好序的数组打乱
// 写一个函数,函数功能是将一个排好序的数组打乱var arr = [1, 2, 3, 4, 5, 6];// 写一个函数功能产生随机数,function random(max, min) {return Math.floor(Math.random() * (max - min + 1) + min);}for (var i = 0; i // 随机下标原创 2016-07-12 21:01:30 · 865 阅读 · 0 评论 -
this关键字应用
*{margin: 0;padding: 0;}.yellow{width: 150px;height: 20px;background-color: greenyellow;}div{font-size: 16px;width: 150px;height: 20px;text-align: center;}你最喜原创 2016-07-12 21:02:17 · 195 阅读 · 0 评论 -
模拟彩票
var oBtn = document.getElementById("btn1");var oDiv = document.getElementById("div1");// .innerHTML 双标签中加内容// oDiv.innerHTML = "送货上门"; // 产生随机数的函数function random(max, min) {return Math.flo原创 2016-07-12 21:03:13 · 476 阅读 · 0 评论 -
js方面的书籍推荐
《javascript高级程序设计》、《JavaScript DOM编程艺术 第2版》、《JavaScript 设计模式》、《Javascript框架设计》、《JavaScript语言精粹》、《编写高质量代码--Web前端开发修炼之道》、《精通JavaScript》、《前端黑客揭秘》。原创 2016-07-13 08:46:07 · 342 阅读 · 0 评论 -
javascrip-1基本语法
DOCTYPE html>html>head>metacharset="utf-8" />title>title>style> style>scripttype="text/javascript">script>scripttype="text/javascript" src="js/one.js">script>head原创 2016-07-17 14:28:20 · 176 阅读 · 0 评论 -
滚轮事件
/* 判断滚轮向上或向下,在浏览器中要考虑兼容性,* 现在五大浏览器(IE,Chrome,Firefox,Safari,OPera)中,* Firefox使用detail,其余四类使用WheelDelta;两者只在取值上不一致,* 代表含义一致,正数表示向上,负数表示向下*/ 滚轮事件 (不包含火狐) document.onmousewheel = function(){原创 2016-07-11 19:11:08 · 411 阅读 · 0 评论