以下是为您整理出来关于【javascript程序设计】合集内容，如果觉得还不错，请帮忙转发推荐。
第1章--基础篇JS介绍html 网页的内容；css 网页的样式；javascript 网页的行为i.e. hello world<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title></head><body><script type="text/javascript">document.write("hello, world!");</script></body></html> 使用JS的两种方法：1. <script>...</script>：见上例2. <script src="url/.js"></script>JS特性：运行环境：浏览器 -- 运行在浏览器中的代码解释型语...
02setInterval.html<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title></head><body><script>// 定时器/*setInterval() window.setIn...setInterval(函数,时间);每隔一段时间 执行函数中代码---取消 clearInterval(timeId);setTimeout(函数,时间) 隔一段时间 执...
链接: https://pan.baidu.com/s/1EajhqpP2i9wsi5SvII43Ww 提取码: 2rc8
## Dom Document object model 文档对象模型 Dom树 html | head body | | meta title div | ul | li li li 在js世界中，把dom树的每个元素都看成一个对象，对象就有属性和方法 dom学什么 dom节点操作 查找元素 元素增删改查 样式操作 事件绑定等 ## 事件 三要素 1 事件源 谁身上发生了事件 2 事件 具体的行为 如单击、鼠标悬停、键盘按下... 3 事件处理 事件发生后导致什么结果 唐三藏念紧箍咒 打开电灯 js程序如何处理事件 ## 获取...
17event-object.html <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><style>* {padding: 0;margin: 0}body {height: 1200px;}div {width: 200px;height: 200px;border: 1px solid pink;margin: 200px;}</style> </head> <body><div></div><script>/*docume...
18event-demo.html<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><style>img {width: 120px;height: 120px;border-radius: 50%;position: absolute;}</style> </head> <body><img src="img/cxy.jpeg" alt=""><script>var oImg = document.querySelector("i...
14nodeOper.html<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><style>.box {width: 200px;height: 200px;background-color: pink;}.block {display: block;}</style> </head> <body><button id="btn_create">创建</button><button id="btn_del">删除</but...
1.pngtool.jsfunction rand(min,max) { return Math.round(Math.random()*(max-min)+min); }function $(id){ return document.getElementById(id); } 验证码.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><title> New Document </title><meta name="Generator" content="EditPlus"><meta name="Author" content=""><meta name="Keywords" content=""...
11getAttribute&setAttribute.html<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title> </head> <body><img alt="this is a picture" aa="123"><script>var oImg = document.getElementsByTagName("img")[0];//alert(oImg.src);var srcValue = oImg.getAttribu...
21arrowFun-es6.html<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title> </head> <body><script>// 默认参数function fn(a,b) {// 希望a的默认值10if(typeof a == "undefined") {a = 10;}console.log(a);}//fn(1,5);//fn();//fn(10,20);fn();function ajax(url...