快速网站收录,运河网站制作,小红书推广有用吗,wordpress 百度提交文章目录 目录 文章目录 本章目标 一.JavaScript基础 概述 特点 JavaScript 基本机构 语法 网页中引用JavaScript的方式 二. JavaScript核心语法 变量 编辑 数据类型 数组 练习 本章目标
掌握JavaScript的组成掌握JavaScript的基本语法会定义和使用函数会使用工具进行… 文章目录 目录 文章目录 本章目标 一.JavaScript基础 概述 特点 JavaScript 基本机构 语法 网页中引用JavaScript的方式 二. JavaScript核心语法 变量 编辑 数据类型 数组 练习 本章目标
掌握JavaScript的组成掌握JavaScript的基本语法会定义和使用函数会使用工具进行代码调试 一.JavaScript基础
概述
JavaScript是一种基于对象和事件驱动的脚本语言用于在网页上实现交互和动态效果。它是一种客户端脚本语言意味着它运行在用户的计算机上而不是在服务器上。JavaScript可以与HTML和CSS配合使用使网页更加动态和丰富。
特点
向HTML页面中添加交互行为脚本语言语法和JAVA类似解释性语言边执行边解释
JavaScript 基本机构
语法 调用对象
语法 对象.方法名(); 案例
!DOCTYPE html
htmlheadmeta charsetutf-8title/titlescript typetext/javascript//对象.方法名();JavaScript调用方法的语法document.write(h1哈哈哈/h1)document.write(这是JS基础);/script/headbody/body
/html document.write(这是JS基础);代表调用对象(当前文件)执行方法(写入)这是JS基础语句因此上述代码等价于在当前html文件写body中写入语句。 执行方法同样会执行标签效果如下图。 网页中引用JavaScript的方式 二. JavaScript核心语法 变量 JavaScript中的变量可以存储不同类型的值包括数字、字符串、布尔值、对象等。变量的值可以根据需要随时更改。 当我们用到某个数据时可以将该数据存入变量中再引用该变量无需重复写入该数据。 案例
script typetext/javascript//申明一个变量(名字自定义)var username JS基础;document.write(哈哈哈 usernamebr/);//br/换行符//变量的重新赋值var username JavaScript基础;var index1 哈哈哈;document.write(index1username);
/Script 数据类型 typeof运算符 案例
!DOCTYPE html
htmlheadmeta charsetutf-8title/titlescript typetext/javascriptdocument.write(h2对变量或值调用typeof运算符返回值/h2);var width,height 10,name rose;var date new Date(); //创建了一个Date类型的对象 并将对象在内存中的引用地址 赋给了变量datevar flag (1122);var x null;document.write(变量width的数据类型是typeof(width)br/);document.write(变量height的数据类型是typeof(height)br/);document.write(变量name的数据类型是typeof(name)br/);document.write(变量date的数据类型是typeof(date)br/);document.write(变量flag的数据类型是typeof(flag)br/);document.write(变量x的数据类型是typeof(x)br/); /script/headbody/body
/html String数据类型 在JavaScript中string字符串类型用于存储和操作文本数据。 案例1 string.length:返回对应字符串的长度。 script typetext/javascriptvar message 白日依山尽黄河入海流欲穷千里目更上一层楼;x message.length; //length属性返回的是字符串的长度document.write(x的值是x);
/script 案例2 string.charAt(index):返回指定位置的字符 注计算机从0开始计数 script typetext/javascriptvar message 白日依山尽黄河入海流欲穷千里目更上一层楼;var y message.charAt(3);document.write(y的值是x);
/script 案例3 indexOf(str, index)查找指定的字符串在字符中首次出现的位置。 script typetext/javascriptvar message 白日依山尽黄河入海流欲穷千里目更上一层楼;var z message.indexOf(河);//返回指定字符串在目标第一次出现的位置document.write(z第一次出现的位置z);
/script
案例4 substring(index1, index2):f返回区间 [index1,index2) 之间的字符 script typetext/javascriptvar message 白日依山尽黄河入海流欲穷千里目更上一层楼;var submessage message.substring(0, 3);document.write(submessage的值是submessagebr/);var submessage message.substring(3);document.write(submessage的值是submessage);
/script boolean数据类型
script typetext/javascriptvar flag(10100)document.write(flag是flagbr/)
/Script 数组 案例
script typetext/javascript//var 数组名称 new Array(长度)var ilist new Array(8);//数组的创建ilist[0] 15; //数组的赋值ilist[1] 20;//数组的遍历document.write(ilist[0]的值是ilist[0]br/);document.write(ilist[1]的值是ilist[1]br/);document.write(剩余未赋值的数组的数据类型是typeof(ilist[2])br/);var fruit new Array(apple, orange, peach, banana);document.write(fruit[1]);
/script 练习
