JavaScript

初识JS

定义

JS是一种轻量级的编程语言，浏览器是js语言的解释器。

基本格式

<script type="text/javascript">//此处为JavaScript代码 </script>  

存在形式及位置

  • 写在html里：JS代码通常位于<head>里或<body>里，推荐<body>里。
  • 引入独立的.js文件。

JS语法

注释

// 注释内容     

/* 注释内容  */

变量

<script type="text/javascript">
var 变量名="变量内容"；

console.log(变量名)；
</script>

数据类型

字符串

//声明
var name="白衣无尘"；
var name=string("白衣无尘")；
//常见功能
var name="飞鸟和鱼"；              //更新变量name的值
var v1=name.length;                //计算变量的长度
var v2=name[0];                    //同name.charAt(0)
var v3=name.trim();                //
var v4=name.substring(1,2);        //前取后不取

数组

//定义
var v1=[11,22,33,44];
var v1=Array([11,22,33,44]);
var v2=["纽约","伦敦","香港"];
//操作
var v1=[11,22,33,44];

v1[1]
v1[0]="88";
v1.push("石永卿");           //尾部追加
v1.unshift("石永卿");        //头部追加
v1.splice(索引位置,0,元素)；
v1.splice(1,0,"石永卿");     //定位追加
v1.pop();                    //尾部删除
v1.shift();                  //头部删除
v1.splice(索引位置,1);
v1.splice(2,1);              //索引2的元素删除

对象

info={name:"石永卿", age:18}     //类似python中的字典
info.age=28                      //更改键age对应的值

条件判断

if(条件){
    ...
   }else if(条件){
   ...
   }else{
   ...
}

循环

for(var 变量一 in 数组）{             //只获取到数组的索引
      var 变量二=数组[变量一]；       //获取到数组中的值
}

函数

function func(){
     ...
}
func()

JS DOM

文档对象模型。用于操作HTML中的标签，相当于JSの内置模块。

//创建标签
var tag=document.creatElement("div");
//根据ID获取标签
var tag=document.getElementById("xxx");
//获取标签中的文本
tag.innerText
//更新标签中的文本
tag.innerText="哈哈哈"；
//将newTag标签放进tag标签中
tag.appendChild(newTag);
//获取input框中用户输入的内容
tag.value;
//清空input框中的内容
tag.value="";

JS 事件

javascript 与 HTML 之间交互就是通过事件实现的，事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。

onclick="函数()"
ondbclick="函数()"
alert("用于弹窗提示的字符串")

 

posted @ 2022-10-15 15:41  dustfree  阅读(14)  评论(0)  编辑  收藏  举报