JaveScript

xiaoxiao2021-02-28  69

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>

<script type="text/javascript" src="js/index.js"></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))             }
转载请注明原文地址: https://www.6miu.com/read-2624866.html

最新回复(0)