JavaScript(1)

最新推荐文章于 2024-11-04 00:16:31 发布

wang609128516

最新推荐文章于 2024-11-04 00:16:31 发布

阅读量85

点赞数

分类专栏： JavaScript 文章标签： JavaScript 嵌入式浏览器 Go 脚本 ViewUI

本文链接：https://blog.csdn.net/wang609128516/article/details/83364568

版权

JavaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

1. 什么是JavaScript?

JavaScript 是用来验证网页中表单信息合法性的。JavaScript 是一种脚本语言，提供用户交互，动态更改内容，数据验证。

2．将JavaScript嵌入网页

可以将 JavaScript 语句插入 HTML 文档，方式

如下：

使用 <SCRIPT> 标签将语句嵌入文档

将 JavaScript 源文件链接到 HTML 文档中

1）使用 Script 标签

如：<HTML>

<HEAD>

<SCRIPT language = "JavaScript">

document.write("欢迎来到 JavaScript 世界");

</SCRIPT>

</HEAD>

<BODY>

<P>尽情享受学习的快乐!!!

</BODY>

</HTML>

（2）使用外部 JS 文件

外部 JavaScript 文件可以链接到 HTML 文档中

SCRIPT 标签的 SRC（源文件）属性可用于包括此外部文件

<script language=“JavaScript” src= “文件名.js">

</script>

如：

<HTML>

<HEAD>

<TITLE>使用外部文件</TITLE>

<SCRIPT SRC = "test.js"></SCRIPT>

</HEAD>

<BODY>

<P>以上文本是通过访问外部 JavaScript 文件显示的

</BODY>

</HTML>

3．申明变量

同时声明和初始化变量

var a= 10;

“var” －用于声明变量的关键字

“a” －变量名

通常是用：parseInt() 和 parseFloat() 函数将字符串分别转换为整型和小数

常用语句：

条件语句分为if语句，if-else语句、if的嵌套；

多分支语句switch根据表达式的值，进入不同的分支执行；

for循环；do-while；while

定义函数：

function 函数名( 参数1,参数2，… )

{

语句;

}

如：

function sum ( one, two)

{

var result = one + two;

return result;

}

调用函数：
函数调用一般和表单元素的事件一起使用，调用格式为：
事件名＝“函数名” ;

如：<INPUT name=“add” type=“button” value=“加法"

onClick="sum(2，5)">

Eval( )函数可以计算某个计算表达式的值，

isNaN( )函数可用于判断是否是一个数字

4．JavaScript 对象简介

a) 浏览器对象

浏览器窗口windon，文档 document ，url地址等

b)脚本对象

String字符串对象， Date日期对象， Math数学对象等

c)HTML 对象

各种HTML标签:段落<P>，图片<IMG>，超链接<A>等

设置定时器，使用window对象的setTimeout( )方法

如：DATE 对象中自动刷新时间

<SCRIPT language="JavaScript">

function disptime( )

{

var time = new Date( ); //获得当前时间

var hour = time.getHours( ); //获得小时、分钟、秒

var minute = time.getMinutes( );

var second = time.getSeconds( );

var apm="AM"; //默认显示上午: AM

if (hour>12) //按12小时制显示

{

hour=hour-12;

apm="PM" ;

}

if (minute < 10) //如果分钟只有1位，补0显示

minute="0"+minute;

if (second < 10) //如果秒数只有1位，补0显示

second="0"+second;

document.myform.myclock.value= hour+":"+minute+":"+

second+" "+apm;

var myTime = setTimeout("disptime( )",1000);

}

</SCRIPT>

（1）浏览器对象简介

onFocus获得焦点事件，表示获得鼠标光标， onBlur失去焦点事件，刚好与之相反

打开窗口使用window对象的open( )方法

a) history 对象

方法：

Back ( ) 方法相当于后退按钮

forward ( ) 方法相当于前进按钮

go (1)代表前进1页，等价于forward( )方法；

go(-1) 代表后退1页，等价于back( )方法

如：

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>历史记录</title>

</head>

<body>

<a href="test.html">test.html</a>

<a href="javaScript:history.forward()">前进</a>

</body>

</html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>测试</title>

<script language="javascript">



</script>

</head>

<body>

测试页面...

<a href="javaScript:back();" onMouseOver="javaScript:window.status='俏皮的话'">后退</a>

</body>

</html>

b) Location 对象

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>陕西美景</title>

<script language="javascript">



</script>

</head>

<body onLoad="javaScript:window.status='欢迎来到陕西'">

<div id="pp">

</div>

<form action="" method="get" name="sxfrm">

浏览陕西景点:

<select name="sp" onChange="viewPP();">

<option value="m1.jpg">太白山</option>

<option value="m2.jpg">兵马俑</option>

<option value="m3.jpg">青鸟</option>

</select>

</form>

</body>

</html>

5．创建一个表单

单行文本框 <input type="text" >

多行文本框 <textarea name="textarea"></textarea>

密码框 <input type="password" >

多选按钮 <input type="checkbox" >

单选按钮 <input type="radio" >

隐藏域 <input type="hidden" >

文件域 <input type="file" >

跳转菜单 <select name="menu1" > </select>

图像域 <input type="image" >

列表菜单 <select name="select"></select>

提交按钮 <input type=“submit” >

复位按钮 <input type=“reset" >

按钮 <input type=“button" >