javascript脚本执行过程,javascript脚本怎么运行

最新推荐文章于 2024-05-17 11:05:45 发布

chatgpt002

最新推荐文章于 2024-05-17 11:05:45 发布

阅读量795

点赞数

文章标签：人工智能

本文链接：https://blog.csdn.net/chatgpt002/article/details/134842461

版权

大家好，给大家分享一下javascript脚本可以放在哪些地方，很多人还不知道这一点。下面详细解释一下。现在让我们来看看！

1 alert()在警告框当中显示内容

alert("脚本弹出的警告框");

</>

2. console.log()在控制台输出

console.log("在控制台输出的内容")

</> console.log("在控制台输出的内容")

3. document.write()将内容写入到HTML文档当中

document.write("将内容写入到HTML文档当中")

document.write("<h3>写法</h3>")

</>

4. 使用innerHTML写入到HTML元素当中通过脚本获取页面元素

document.getElementById("p1").innerHTML="通过js添加的文本内容"

</>

5. 使用value属性写入到input元素【通过设置input元素的value属性来输出内容】 <input id="1" value="初始内容">

document.getElementById("1").value="通过js添加的文本内容"

</>

JavaScript的的语语法

字面量

数字类型的字面量： 100， 3.14 字符类型的字面量：

"test string"

'test string'

变量

在编程语言当中，变量用于存放数据

在JavaScript当中使用var来定义变量，使用=来为变量复制

<body>

var i; // 定义一个变量i

i = 100; // 将字面量100 赋值给变量i

console.log(i)

i = 200 // 给变量赋值一个新的值

console.log(i)

i = "test string" // 给变量赋值一个不同类型的值

console.log(i)

var x, y, z ; // 一次性定义多个变量

x = 1;

y = 2;

z = 3;

console.log(x,y,z)

var num = 100; // 在定义变量的时候给变量赋值

console.log(num)

</>

</body>

JavaScript中常用的的数据类型

number : 数字

string ：字符串

boolean ：布尔值，两个字面量值 true(真) 和 false （假）

object : 对象

array ：数组

undefined：未定义

例如： <> // 数组 array

var testArray = [1,2,3,4]

console.log(testArray[2])// 通过下标来获取数组当中的元素

testArray[2] = 10 // 通过下表来修改元素

console.log(testArray[2])

testArray[4] = 5 // 通过下标来增加元素

console.log(testArray)

// 对象使用大括号表示，元素由键值对组成

var person = {"name": "张三","age": 20}

console.log(person)

console.log(person["name"])

console.log(person.age)

</>

</body>

JavaScript中的运算符

算术运算符

[加 + 减 - 乘 * 除 / 模运算 %(余数）自增 ++ 自减--] <>

console.log(12 + 3) // 加 +

console.log(12 - 3) // 减 -

console.log(12 * 3) // 乘 *

console.log(12 / 3) // 除

console.log(13 % 3) // 模运算 % （取余数）

var num = 1; // 自增 ++

console.log(num++)

var num = 2 // 自减--

console.log(num--)

</>

赋值运算符

=：赋值运算符

var num = 100; // 赋值num=100

num += 100 // num=num+100

console.log(num)

num -=30; // num=num-30

console.log(num)

num %=50; // num=num% 余数

console.log(num)

</>

比较运算符

案例

==: 判断两个值是否相等，如果相等返回true，否则返回false

===: 绝对相等（值相同，并且类型相同）

!=：不等于

console.log(1 == 1.0)

console.log(1 === 1)

console.log(1 != 2)

console.log(1 === "1")

console.log(2 >1 )

console.log( 1<= 2)

</>

</body>

JavaScript函数

函数是对特定功能的封装，调用函数，则是执行函数封装好的代码块，达到实现特定功能的目的。

语法：

① // 函数定义的语法

function function_name(){实现功能的代码块//函数体}

② // 函数调用

function_name()

例如【<>

function func_01(){ console.log("test")} //定义一个函数

func_01()

function one(){console.log("今天天气很好")}

one()

function func_2(a,b){console.log(a+b)} //带参数的函数

func_2(4,5)

function func_1(x,y){return x = y} //带返回值的函数

var result = func_1(3,9) //函数的返回结果

console.log(result)

console.log(func_1(11,22))

</>

事件：当某个事件发生的时候，可以触发的JavaScript代码的执行

<button οnclick="func()">点击获取较大的一个数的数值</button>

案例

<h3>找出用户输入的比较大的这个数</h3>

<div>

值1:<input id="value1" type="number">

</div>

<div>

值2:<input id="value2" type="number">

</div>

<button οnclick="func()">点击获取较大的一个数的数值</button>

</div>

<p>

较大的数是：<span id="result"></span>

</p >

function func() {

var num1 = document.getElementById("value1").value

var num2 = document.getElementById("value2").value

num1 = Number(num1)

num2 = Number(num2)

var result = (num1>num2) ? num1 : num2

document.getElementById("result").innerHTML=result

}

</>

条件语句：根据不同的条件执行不同的代码

if ... else ...

if ... elif ... else

<!-- if (condition){

当condition为true的时候会执行的代码1

当condition为true的时候会执行的代码2} -->

var age = 15

if (age >=16){

console.log("已成年")

console.log("可以进入游戏")

}

console.log("end")

</>

if... else ....

if (condition){ 当condition为true的时候会执行的代码1

当condition为true的时候会执行的代码2

}

else { 当condition为false的时候会执行的代码1

当condition为false的时候会执行的代码2

......

}

例子【 <>

var age = 16

if (age >=16){

console.log("已成年")

console.log("可以进入游戏")

}

else{

console.log("未成年")

console.log("赶紧去做作业")}

console.log("end")

var age = 15

if (age >=16){

console.log("已成年")

console.log("可以进入游戏")

}

else{

console.log("未成年")

console.log("赶紧去做作业")}

console.log("end")

</>

if ... else if ... else

if (condition1){

当condition1为true的时候会执行的代码1

当condition1为true的时候会执行的代码}

else if (condition2){ 当condition1为false, condition2为ture的时候会执行的代码1

当condition1为false condition2为ture的时候会执行的代码2 }

else { 所有的条件都不成立的时候执行的代码1

所有的条件都不成立的时候执行的代码2}

例子：

<br>

var age = 16

if (age >=16){

console.log("已成年")

console.log("可以进入游戏")

}

else{

console.log("未成年")

console.log("赶紧去做作业")}

console.log("end")

var age = 15

if (age >=16){

console.log("已成年")

console.log("可以进入游戏")

}

else{

console.log("未成年")

console.log("赶紧去做作业")}

console.log("end")

</>

分支语句

执行多个代码块中的某一个

switch (n)

{ case 1: 代码块1

break;

case 2: 代码块2

break;

......

default: 和上面的case没有匹配成功的时候，执行此代码块}

案例

var d = new Date().getDay()

console.log(d)

var result

switch (d){

case 0:

result = "星期日"

break

case 1:

result = "星期一"

break

case 2:

result = "星期二"

break

case 3:

result = "星期三"

break

case 4:

result = "星期四"

break

case 5:

result = "星期五"

break

default:

result = "星期六"

} // 今天是周三所以控制台输出是3 星期三

console.log(result)

</>

循环语句 1，while循循环

while (condition){ 当condition为true的时候会不断执行的代码1

当condition为true的时候会不断执行的代码2}

案例：

// 求1-100之间的累加和

var result = 0 //用于存放累加和,初始值为0

// 执行了100次 resutl += i, i的值从1开始,到100结束

var i = 1

while(i <= 100){

result += i

i++

}

console.log(result)

</>

for循环 for(语句1; 语句2; 语句3){ 循环体}

语句1：循环体代码执行之前会执行1次该语句

语句2：循环的判断条件

语句3：循环体执行完1次之后都会执行该语句

例子： <>

var result = 0

for (var i = 1; i <= 100;i += 1){

result += i

}

console.log(result)

</>

chatgpt002

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
javascript脚本执行过程,javascript脚本怎么运行

点击获取较大的一个数的数值当condition为true的时候会不断执行的代码2}function func_01(){ console.log("test")} //定义一个函数。点击获取较大的一个数的数值
复制链接

扫一扫