博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Day14 JavaScript
阅读量:6636 次
发布时间:2019-06-25

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

区分:

JavaScript和JAVA一点关系没有,是一门单独的语言。(浏览器就是JavaScript的解释器)

 

JavaScript代码存在形式:

#这些代码一般都是在里边写的第一种是直接放在head里边 第二种是利用脚本引入的方式

网页解释器的代码是从上向下进行,如果要把<script>的代码写到<head>上面,有可能出现地址访问不到网页一直转圈的情况,所以我们可以先让代码先执行完,再执行scipt代码。

也就是将<script>放在<body></body>里边的最后。

同理,<style>也一样

 

单行注释://

多行注释:/*   */

 

 

JavaScript基础:

  基本数据类型:

数字

 字符串

列表

字典

布尔类型

 

条件语句

for循环(学语言一般要按照这个顺序写)

 

全局变量:

  name=“alex”

局部变量:

  var name="alex"

#声明变量一定要注意全局变量和局部变量的区别。

数字:age=18;//表示创建了一个数字
<再写javascript代码的时候,可以在浏览器的终端写f12(console)>
字符串: a="alex"; //取字符串 a.charAt(1) //切片,取第几个到i-1的字符串 a.substring(1,4) //字符串的长度 a.length 创建一个定时器 //setInterval("执行的操作",多少毫秒) setInterval("alert(123);",5000) 或者setInterval("f1()",5000) document.getElementById("li")
欢迎老男孩莅临指导
#跑马灯小练习
欢迎老男孩莅临指导
布尔类型: 小写的false或true 数组:(列表)a=[11,22,33] obj.splice(起始位置,删除个数,插入什么数据) 插入,删除,或替换数字的元素 obj.slice() 切片 obj.join("分隔符") 在js中是列表的方法 obj.concat(value) 拼接 字典: a={'k1':'v1','k2':'v2'};for循环: 第一种方式:循环时循环的是索引 a=[11,22,33,44] for(var item in a ){ console.log(a[item]); } #这里输出的是列表的索引 第二种方式: for(var i=0;i<10;i++){ } eg: a=[11,22,33,44] for(var i=0;i

 

JavaScript函数:

函数:        function 函数名(a,b,c){            执行代码        }

 

Dom选择器:

1,如何去找到标签        Dom直接选择器:        1,找到标签            #获取单个元素            document.getElementById('id')            整个html的id不可重复                        #获取多个元素            document.getElementByTagName("div")            或者            document.getElementByClassName('class')                Dom间接选择器:        也就是说先找到一个标签,然后去找他的上级,下级,父级等标签        tag = document.getElementById('id')                parentElement           // 父节点标签元素        children                // 所有子标签        firstElementChild       // 第一个子标签元素        lastElementChild        // 最后一个子标签元素        nextElementtSibling     // 下一个兄弟标签元素        previousElementSibling  // 上一个兄弟标签元素        可以利用tag.方法来使用                2,操作标签        标签.innerText=""           #对标签内的元素重新赋值            标签.className=""            #改掉class的值        标签.classList.add=""        #添加指定样式        标签.classList.remove=""    #删除指定样式

实现一个菜单切换的小例子模型:

  

点我

 

转载于:https://www.cnblogs.com/sexiaoshuai/p/7680671.html

你可能感兴趣的文章
我的友情链接
查看>>
Java中对Class对象解释
查看>>
Distributed Configuration Management Platform(分布式配置管理平台)
查看>>
swiper的基础使用(二)
查看>>
MyBatis使用ehcache二级缓存导致分页失效
查看>>
android安卓 按住button连续增加
查看>>
Java对象引用类型
查看>>
JEESZ分布式框架简介
查看>>
Linux 电子邮件服务器的搭建
查看>>
spring AOP实现——annotation方法
查看>>
apache的工作方式
查看>>
数据分析过程
查看>>
学科前沿技术作业二(下)
查看>>
简述扁平式管理的技术手段
查看>>
jquey实例之animate
查看>>
实施和使用 Singleton 设计模式的有效方式
查看>>
我的友情链接
查看>>
javascript数据类型
查看>>
tar
查看>>
vsftpd服务
查看>>