javaScrpt

本文介绍了JavaScript的历史发展,其在网页动态功能中的作用,包括响应客户端事件、数据验证和页面样式改变。详细讲解了基本语法、变量、数据类型、运算符、函数(包括全局函数和内置对象)、事件处理以及HTMLDOM操作和计时功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、javaScript

1.javaScript历史

javaScript是由Netscape公司(美国网景公司开发)的一种脚本语言

Netscape公司将这种脚本语言命名为LiveScript,与java一样都是面向对象的语言,而且无需编译,可由浏览器直接解释运行

Netscape公司见LiveScript大有发展前途,而Sun公司(java)也觉得可以利用LiveScript为java的普及做铺垫,于是两家公司签订协议,将LiveScript改为JavaScript

JavaScript是一种直译式脚本语言,用来为网页添加各式各样的动态功能(javaScript可以操作网页内容),不需要编译可直接通过浏览器解释运行,通常JavaScript脚本是通过嵌入在HTML中来实现自身功能的

2.javaScript作用

1)响应客户端鼠标和键盘事件

2)客户端页面表单数据验证

3)使用JavaScript动态的改变页面标签的样式

二、基本语法

<script type="text/javascript"></script>

1.变量

 声明变量用var关键字   var name;

声明变量并为其赋值,变量没有数据类型,值有数据类型。

       var a = 10;

       var s = "jim";

2.数据类型

    数值型(number):整数型和浮点数型

    布尔型(boolean):即逻辑值,true或false

    字符串类型(string):用单引号或双引号声明

    undefined类型(undefined):声明了但是未初始化变量 例:var m;

    Object类型:自定义一个对象    例:var date = new Date();

3.运算符(特殊)

+:数值+数值=数值 此时“+”起加法运算;数值+字串符  字串符+字串符 此时“+”起连接作用

-:数值-字符串当引号里面的字符是数字时,会做一个隐式类型转换

==:比较值是否相等

===:比较值和数据类型是否相等

 var b = 10;
 var c = 5;
 var d = "5";
 var e = 'a';
 var ee = "aa";
 alert(b+c);//15
 alert(b+e);//10a
 alert(b+ee);//10aa
 alert(b-c);//5
 alert(b-d);//5 数值 - 字符串(隐式的数据类型转换)
 alert(b-ee);//NaN  not a number
 alert(b-e);//NaN   not a number
 alert(c==d);//true 比较值是否相等
 alert(c===d);//false 比较值和数据类型是否相等	
						

4.函数

1)局部函数
无参
 function hello(){
			alert("你好");
		}
		hello()
有参
function hello(name,age,num){
			alert("你好"+name+":"+age+""+num);
		}
		hello("jim",18,200501);
有返回值
	function add(a,b){
			return a+b;
		}
		  var s = add(10,3);
		  alert(s);
 2)全局函数

parselnt(arg):把括号内的内容转换成整数之后。如果括号内是字符串,则字符串开头的数字部分被转化成整数,如果以字母开头,则返回"NaN"

parseFloat(arg):把括号内的内容转换成浮点数之后。如果括号内是字符串,则字符串开头的数字部分被转化成浮点数,如果以字母开头,则返回"NaN"

typeof(arg):返回arg值的数据类型

eval(arg):可运算某个字符串

      var a = 10;
      var aa = "10.5";
      var cc = "a";
	  var bb = "ab"
	  alert(eval(aa));//10.5
	  alert(eval(cc));//10
	  alert(eval(bb));// ab is not defined

5.内置对象

console.log(s.length);//向浏览器的控制台输出日志信息,便于程序调试

1.String字符串

 2.Array数组

数组定义的方法:

      1)var <数组名>  = new Array();

      <数组名>[下标名] = 值;

     2) var <数组名> = new Array(<元素1>,<元素2>,<元素3>...);

     3) var <数组名> = [<元素1>,<元素2>,<元素3>...];

3.Date

4.Math

6.事件

onclick()鼠标点击时;

onblur()标签失去焦点;

onfocus()标签获得焦点;

onmouseover()鼠标被移到某标签上;

onmouseout()鼠标从某标签移开;

onload()是网页加载完币后触发相应的事件处理程序;

onchange()是指当前标签失去焦点并且标签的内容发生改变时触发事件处理程序

 7.HTML DOM

DON是Document Object Model文档对象(网页中的标签)模型的缩写。通过html dom,可用javaScript操作html文档的所有标签。

javaScript是一种面向对象的语言,操作网页时,把网页中的每一个标签,都视为一个对象,把这一类标签对象统称为dom对象。

javaScript要想对html网页中的标签进行操作,就需要获取到操作的标签。即要操作,先得到。

 有四种方法来做这件事:

1.通过 id 找到 HTML 标签

document.getElementById(“id");

2.通过标签名找到 HTML 标签

document.getElementsByTagName("p");

3.通过类名找到 HTML 标签

document.getElementsByClassName("p");

4.通过name找到 HTML 标签

document.getElementsByName(“name");

改变 HTML 标签的属性

document.getElementById(“username").value=“new value"; document.getElementById("image").src=“new.jpg";

修改 HTML 内容使用innerHtml属性

document.getElementById(“div”).innerHTML=new HTML

8.计时

通过使用 JavaScript,我们有能力做到在一个设定的时间间隔之后来执 行代码,而不是在函数被调用后立即执行。我们称之为计时事件。

方法: setTimeout(“函数”,”时间”)未来的某时执行代码

clearTimeout()取消setTimeout()

setInterval(“函数”,”时间”)每隔指定时间重复调用

clearInterval()取消setInterval()

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值