JavaScript 独立的语言,浏览器具有js解释器 一. JavaScript代码存在形式: - Head中 - 文件 PS: JS代码需要放置在 标签内部的最下方 二. 注释 当行注释 // 多行注释 /* */ 三. 变量: python: name = 'alex' JavaScript: name = 'alex' # 全局变量 var name = 'eric' # 局部变量 四. 写Js代码: - html文件中编写 - 临时,浏览器的终端 console 五. 基本数据类型 数字 a = 18; 字符串 a = "alex" a.chartAt(索引位置) a.substring(起始位置,结束位置) a.lenght 获取当前字符串长度 ... 列表(数组) a = [11,22,33] 字典 a = {'k1':'v1','k2':'v2'} 布尔类型 小写 六. for循环 1. 循环时,循环的元素是索引 a = [11,22,33,44] for(var item in a){ console.log(item); } a = {'k1':'v1','k2':'v2'} for(var item in a){ console.log(item); } 2. for(var i=0;i<10;i=i+1){ } a = [11,22,33,44] for(var i=0;i点我 c. 标签操作 创建标签 : //方法一: var tag = document.createElement('a') tag.innerText = "ff" tag.className = "c1" tag.href = "http://www.cnblogs.com/ugfly/" // 方式二 var tag = " ff" 操作标签 : / 方式一 var obj = " "; xxx.insertAdjacentHTML("beforeEnd",obj); xxx.insertAdjacentElement('afterBegin',document.createElement('p')) //注意:第一个参数只能是'beforeBegin'、 'afterBegin'、 'beforeEnd'、 'afterEnd' // 方式二 var tag = document.createElement('a') xxx.appendChild(tag) xxx.insertBefore(tag,xxx[1]) e. checkbox 获取值 checkbox对象.checked 设置值 checkbox对象.checked = true 补充 : console.log 输出框 alert 弹出框 confirm 确认框 // URL和刷新 location.href 获取URL location.href = "url" 重定向 location.reload() 重新加载 // 定时器 setInterval 多次定时器 clearInterval 清除多次定时器 setTimeout 单次定时器 clearTimeout 清除单次定时器 十. 对象 > 创建方式> > var s = "str" var s = new String("str") 属性和方法 : var s = "hello" console.log(s.length) console.log(s.toUpperCase) console.log(s.charAt(1)) :通过索引找字符 console.log(s.indexOf("l")) : 通过字符找索引 *** 字符串处理方法 : 常用的有 : 字符串截断 : substr(1,3) : 从1开始截三个 (截断起始位置,截断长度) substring(1,3) : 从1开始数,只取第三个 (截断起始位置,拿到的数的位置) 这俩和切片一样,拿前不拿后. 切片 : slice(1,3) : 拿前不拿后 和substr没区别 字符串切割 : split() : *** 如何创建数组? 方式1 : var arr=[11,2,33]; 方式2 : var arr2=new Array(1,2,3) 方式3 : var arrname = new Array(长度) 定长 方式1和方式2不同点在于 :1 返回的类型是object,2 返回的类型是 数组方法 : var arr=[11,22,33,4,'hello',true]; console.log(arr[4]) join方法 : 在JS里面,join方式映射到数组. py里面使用join方法,没有数字概念 reverse 反转 sort 根据ASCii 码排: var s =[1,2,3,4,5,111] console.log(s.reverse())反转 console.log(s.sort()) 黑红梅方式的比较 push pop :都是在最后位置进行操作 这俩都是进行的一个栈操作. 先进后出. 十一. 三元运算符 : console.log(2>1?2:1) 十二. Math对象 (类似于py里的sub函数) : Math是对象,可以直接调用 console.log(Math.max(1,2,3)); console.log(Math.min(1,2,3)); floor : 向下取整 console.log(Math.floor(1,23)); : 1 console.log(Math.floor(1.67)); : 1 ceil : 向上取整 console.log(Math.ceil(1.00)); :1 console.log(Math.ceil(1.01)); :2 十三. function 函数 arguments : 相当于py中的 *args 匿名函数 : 使用完会立即回收 PY中 : lambda x,y :x+y JS : 也叫自执行函数 (function foo(i){ alert('en') })(i) ### 注意 : js的函数加载执行和Python不同,它是整体加载完才会执行,所以执行函数放在函数声明上面或者下面都可以.***