JaveScript

最新推荐文章于 2021-03-21 20:08:57 发布

ZbyFt

最新推荐文章于 2021-03-21 20:08:57 发布

阅读量548

点赞数

分类专栏：前端文章标签：前端

本文链接：https://blog.csdn.net/weixin_42149982/article/details/80953294

版权

前端专栏收录该内容

9 篇文章 0 订阅

订阅专栏

JaveScript：

JavaScript的引入

行间引入 : 在标签上直接调用，不用该方法，了解，例如
<input type="button" name="" οnclick="alert('ok！');">
页面 script 标签嵌入 : 添加 script 标签, 内部写 js，例如，
<script type="text/javascript">
alert('ok！');
</script>
外部引入: 利用 script 标签导入外部的 js 文件，主要用法，例如，source源头
<script src="地址"> </script>

变量 & 数据类型 & 基本语法

var 变量名 = 值
5种数据类型：number（数字） string（字符串） boolean（true和false） undefined（没有被定义） null空对象，查看其类型为object
object 复合类型包含有数组等
JavaScript 注释: // 单行注释 /*多行注释*/
标识符: 由字母, 数字, 下划线, 和美元符($) 构成, 且数字不能开头
和python相比就多了一个$

查看变量的类型：typeof

函数

定义形式: function 函数名( ) { }
调用形式: 函数名 ( )
函数的调用可以放在定义前面, python 不能这样用
函数预解析
函数可以接收参数
函数可以有返回值

函数方法，alert("hello"),弹出窗口 hello

命名规范：

对象o Object 比如：oDiv
数组a Array 比如：aItems
字符串s String 比如：sUserName
整数i Integer 比如：iItemCount
布尔值b Boolean 比如：bIsComplete
浮点数f Float 比如：fPrice
函数fn Function 比如：fnHandler

正则表达式re RegExp 比如：reEmailCheck

循环: 循环的定义: for( var i = 0; i < 10; i++) { }

获取 HTML 元素的方法

例如，得到<div>内容</div>，对象元素.innerHTML;
得到input的输入内容，select和option；对象元素.value;
document.getElementById("id名" )，例如，除id
var oDiv1 = document.getElementById("id名" )
oDiv1.onclick = function () {}
document.getElementsByClassName("class名" )，例如，
var oDiv1 = document.getElementsByClassName("class名" ) # oDiv1 为一个集合

oDiv1[0].onclick = functio() {} # 下标取值

如果在 JS 中想要获取 HTML 元素的 class 属性, 我们需要使用 className 来获取

对于 style 里面的属性, 如果使用 '-' 链接的, 我们要改成驼峰式, 例如: font-size 改成: style.fontSize条件语句

运算符

条件运算符: ==(只判断值是否相等) ===(判断值和类型) != > >= < <=
逻辑运算符: &&(与) | |(或) !(非)
表达式: if...else if...else 的互相搭配
if (条件) {满足条件执行的代码}

条件语句嵌套: 一个条件语句中添加另一个条件语句

操作元素

获取元素的操作方法
第一种方法：将 javascript 放到页面最下边
<body>
<div id="div1">这是一个div元素</div>

<script type="text/javascript">
var oDiv = document.getElementById('div1')
alert(oDiv)
</script>
</body>
第二种方法：将 javascript 语句放到 window.onload 触发的函数里面
window.onload 方法会在当前页面加载完成之后触发（只加载一次）
获取元素的语句放在这个方法中执行，就可以正常获取了。
<script type="text/javascript">
window.onload = function(){
var oDiv = document.getElementById('div1');
}
</script>

<div id="div1">这是一个div元素</div>

操作元素属性：
读取属性: var 变量 = 元素.属性名
例如，var name1 = oDiv.name
改写属性: 元素.属性名 = 新属性值

oDiv.name = "zs"

事件 & 匿名函数

常用事件: onclick(单击) ondbclick(双击) ，on理解为，当...时候...
onmouseover(鼠标移入) onmouseout(鼠标移除)
没有名字的函数, 成为匿名函数，但必须要有触发事件
function func () {
alert(typeof(num1))
}
oDiv1.onclick = func // 点击的时候调用函数
匿名函数：没有函数名
oDiv1.onclick = function () {
alert(typeof(num1))
}

ZbyFt

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JaveScript

JaveScript：JavaScript的引入行间引入 : 在标签上直接调用，不用该方法，了解，例如&lt;input type="button" name="" onclick="alert('ok！');"&gt; 页面 script 标签嵌入 : 添加 script 标签, 内部写 js，例如，&lt;script type="text/javascript"&gt;
复制链接

扫一扫