3月25日 JavaScript

Posted 2020-06-28 D董小姐

一、JaveScript简介

1、它是个脚本语言，需要有宿主文件，它的宿主文件是html文件，与Java没什么直接联系

2、在HTML的位置有三块：

 （1）head里面

 （2）body里面

 （3）</htmi>之后

一般写在</html>z之后

<script language="javascript">代码</script>

3、三个常用对话框：

 alert("")警告对话框，作用是弹出一个警告对话框。

 confirm("")确定对话框，作用是弹出一个可供选择的确定对话框，点击确定之后，返回true，点击取消返回false,可以用变量来接收。

 prompt("要显示的提示文字")，作用是弹出一个可输入内容的对话框

二、JavaScript语法

1.基本数据类型：

字符串、小数、整数、日期时间、布尔型等。

2.变量：

   都是通用类型var，可以随便存储其他类型值，可以直接使用，不用定义。

   定义变量：var a;

var s="3.14";  var n=parseFloat(s)=3.14;  s+=5=>"3.14"+5;var d=parseInt(s)=3;

3.数组：

   数组的定义：new Array();//它的长度是动态变化的，里面可以放任意类型的元素。

   数组元素的赋值：a[0]=123;a[1]="hello";//元素中的索引从0开始

   数组的取值：a[i];

   数组的属性：a.lenth;//数组元素的个数，长度。

   方法：a.sort();//数组排序，按照每一个元素的第一个字符进行排序。

           a.reverse();//反转数组

4.函数：

   函数的四要素：名称、输入、返回值、加工。

   定义函数：function add(形参){函数体}//函数名为add，输入为参数的形式，返回值可以是var类型，也可以return一个返回值。

   函数必须经过调用才能执行。函数的调用:add（实参）

 

写法：

1.输出：

<script>

document.write("hello word");

</script>

2、按钮运用：

<input value="alert" type="button" onclick=‘alert("这是触发事件")‘/>

3、定义变量并输出：

    var bianliang;

    bianliang="123";

   document.write(bianliang);

4、改变元素的属性

<p id="hello">hello</p>

<script>

function hello()

{

x=document.getElementById("hello")

x.style.color="#ff0000";

}

</script>

<input type="button" value="点击变颜色" onclick="hello()"/>

5、item索引，指示第n个出现的元素，与getElementsByName同时使用。

定义一组变量;

var student=

{

name:"张三"，

sex:"男"

}

student.name="张三";

document.write(student.name);

外部调用JS

<script src=""></script>