javascript-js基础语法

迈不过友情╰ 2022-08-22 15:13 217阅读 0赞

**js基础语法**

xamp：强大的建站集成软件包

分为：apache、mysql、php、perl

1、 在HTML中作用：

（1）      可以控制DOM

（2）      可以控制CSS

（3）      用户交互

（4）      事件编程

（5）      网络通讯

例子一：弹框：

方法1:

方法2:

function fun1()\{

alert("弹框二");

</script>

方法3:

**例子二：获取元素、动态添加（div中加a标签）**

方法1：

document.write("<ahref='http:www.h5edu.cn'>H5EDU</a>");

</script>

方法2：innerHTML

document.getElementById("div中id的名称

").innerHTML="<ahref='http://www.h5edu.cn'>H5EDU</a>";

</script>

其中，注意：innerHTML把div中的元素全部内容清空，替换innerHTML中的内容

2、 js编码位置：

head、

body（<script>……</script>）、

标签内部（<button οnclick=”alert(‘文字’);”></button>）、

独立js文件（新建script.js文件，在页面中包含：<script src="script.js"></script>）

3、 js语法：

**（1）注释：**

//----------------------单行注释

/\*

\*/-------------------多行注释

**（2）求矩形面积**

方法一：表单输入框求面积：

宽度：<input type="text" id="width">

高度：<input type="text" id="height">

结果：<input type="text" id="jieguo">

function fun1()\{

var a = document.getElementById("width").value;//-------------读取div中的值，其默认为string类型，所以+号时，为字符串拼接

var b = document.getElementById("height").value;

//计算乘积

var s = a\*b;

document.getElementById("jieguo").value= s;

</script>

方法二：用户输入prompt输入求矩形面积

var a =prompt("请输入宽度");

var b = prompt("请输入高度");

//计算乘积

var s = a\*b;

document.write("结果："+s);

</script>

（3）运算符：

A：算数运算符

\+、-、\*、/、%

B：关系运算符

==、>、<、>=、<=、!=

C：赋值运算符

=、+=、-+、\*=、/=、%=、++、--

例子：a+=b;表示：a=a+b;

\++表示数字+1；--表示数字-1

D:逻辑运算符

且：&&  或：|| 非：!=

（4）变量的数据类型：

Number、function、string、null、bool等

**A：查看数据类型，通过typeof**

** **

例子：

//查看变量类型，typeof()

document.write(typeof(a2));

document.write("<br/>");

document.write(typeof(a));

document.write("<br/>");

//布尔类型

var c=true;

document.write(typeof(c));

</script>

**B:parseInt------强制转整型**

例子：

var a=7.2;

var b =3;

var c=a\*b;

//document.write(c);

//强制把21.6转换为整数，为21

document.write(parseInt(c));

</script>

**C：转字符串------------string**

Var a =”3”;----------------加双引号为字符串

例子：

//""双引号表示字符串

var a="3";

var b="4";

//两个字符串相加，表示连在一起，输出为34

document.write(a+b);

//整形

var a2=4;

var b2=5;

//两个整数相加为9

document.write(a2+b2);

4、 变量命名规则：

（1）      变量首字母可以以字母（a-z、A-Z开头）、下划线（\_），不能数字开头

（2）      之间不为空格

（3）      字母、下划线、数字组合使用

5、 常量：Math.PI（3.1415926）

例：var a=3\*Math.PI;

javascript-js基础语法

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 java基础 -- 基础语法

相关 Java的基础语法（基础语法大全）

相关 python基础语法25_python基础语法

相关 java基础语法的书_Java基础| 基础语法

相关 java . 语法_Java基础语法

相关基础语法

相关 go 基础语法

相关 Python基础语法

相关 Kotlin 基础语法

相关 Java 基础语法