博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端之JavaScript--基础
阅读量:6547 次
发布时间:2019-06-24

本文共 4574 字,大约阅读时间需要 15 分钟。

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不同,它是整体加载完才会执行,所以执行函数放在函数声明上面或者下面都可以.***

转载于:https://www.cnblogs.com/ugfly/p/7718259.html

你可能感兴趣的文章
线性表的顺序存储
查看>>
SaltStack学习(四)在SaltStack中选择目标主机
查看>>
php 简单的文件上传功能
查看>>
网络安全十大注意
查看>>
cisco虚拟局域网VLAN路由----待补充
查看>>
join命令实现文件内容拼接
查看>>
-bash:wget command not found的解决方法
查看>>
yara规则
查看>>
我的个人简历
查看>>
我的友情链接
查看>>
图片的copy,从一个目录复制到另一个目录
查看>>
我的友情链接
查看>>
KVM组件bug报告方法
查看>>
linux内核实现中的小工具
查看>>
xtrabackup备份、恢复
查看>>
jboss端口配置
查看>>
格式化输出数字字符串
查看>>
mongodb慢查询定位
查看>>
第四十八天:三方协议的内容
查看>>
shell基础之管道符和变量
查看>>