您的位置：首页 > Web前端 > JavaScript

javascript进击（一）简介

2015-12-31 15:53 281 查看

javascript是属于网络的脚本语言（javascript与java就像老婆与老婆饼，并没有关系）

页面静态效果：HTML+CSS

为页面添加动态效果：javascript

JavaScript 是可插入 HTML 页面的轻量级编程语言，插入 HTML 页面后，可由所有的现代浏览器执行。

提示：JavaScript 是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。

JavaScript能做什么？

1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)

2.实现页面与用户之间的实时、动态交互(如:用户注册、登陆验证等)

3.可以用来改进设计、验证表单、检验浏览器、创建cookies以及更多应用。

（一）写入HTML输出

注意：只能在 HTML 输出中使用 document.write。如果在函数里使用（在文档完成加载时），调用函数后会覆盖整个文档。

提示：可以使用<br>标签换行，也可以使用反斜杠“\”换行

（二）对事件做出反应

提示：alert()函数更多地应用于代码测试

（三）改变HTML内容

x=document.getElementById("demo");  // 找到元素
2 x.innerHTML="Hello JavaScript!";    // 改变内容

访问HTML元素要用DOM(文档对象模型),document.getElementByID("some id")是其中的一种方法。

（四）改变HTML图像

<!DOCTYPE html>
<html>
<body>
<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("b"))
{
element.src="q.gif";
}
else
{
element.src="a.gif";
}
}
</script>
<img id="myimage" onclick="changeImage()" src="a.gif">
<p>点击图片变换图片</p>
</body>
</html>

（五）改变HTML样式（属于改变HTML属性的变种）

x=document.getElementById("demo") // 找到元素
x.style.color="#ff0000";          // 改变样式

（六）验证输入(常用于验证用户的输入)

<script>
function myFunction()
{
var x=document.getElementById("demo").value;
if(x==""||isNaN(x))
{
alert("Not Numeric");
}
}
</script>

注意：HTML 中的脚本必须位于 <script> 与 </script> 标签之间。但脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

提示：浏览器会解释并执行位于 <script> 和 </script> 之间的 JavaScript。老版本中<script> 标签中需要使用 type="text/javascript"。现在已经不必这样做了。JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。

javascript存放的位置：

1.head标签里

2.body标签里

3.以.js结尾的外部文件

提示：外部脚本不能包含 <script> 标签。

javascript注释(用于调试或解释代码)：

单行//

多行/* */

javascript中的变量：

提示：如果向变量赋的值是数值时，不要使用引号。如果用引号包围数值，该值会被作为文本来处理。习惯上，在代码开始处，统一对需要的变量进行声明。

javascript数据类型：

字符串,

数字(可以带小数点也可以通过科学计数法书写),

布尔值(true,false),数组(下标为0),

javascript对象(对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔。对象寻址有两种方式：对象.name或者对象["name"])

提示：Undefined 这个值表示变量不含有值。可以通过将变量的值设置为 null 来清空变量。

声明变量类型：

声明新变量时，可以使用关键词 "new" 来声明其类型。var carname=new String；JavaScript 变量均为对象。当声明一个变量时，就创建了一个新的对象。

javascript对象：

js中多以的事物都是对象，包括函数也是对象，每个对象都带有属性（特征/静态）和方法（动作/动态）

js提供多个内建对象，比如string,Date,Array等，使用前先定义

访问对象属性的语法:objectName.propertyName

访问对象的方法：objectName.methodName()

提示：在面向对象的语言中，属性和方法常被称为对象的成员。

创建新 JavaScript 对象有很多不同的方法，并且还可以向已存在的对象添加属性和方法。

javascript函数：

函数的定义：

function 函数名（）{

函数体；

}

函数的调用：

函数只在你需要的时候起作用，那么如何判断是否需要的，这就是函数调用，调用起来也非常方便，只要直接在需要的位置上写上函数名即可

注意：不不仅在HTML文件中可以调用，在<script>标签内也可以调用。

有参数的函数：

function 函数名（参数1,...,函数n）{

函数体；

}

注意：参数可以多个，看情况定义。

返回值的函数：

当我们想对函数的结果进行处理的时候，就需要一个返回值，然后再把返回值赋值给某种东西进行处理。

提示:在您仅仅希望退出函数时，也可使用 return 语句。返回值是可选的.

局部 JavaScript 变量:

在 JavaScript 函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它。（该变量的作用域是局部的）。

您可以在不同的函数中使用名称相同的局部变量，因为只有声明过该变量的函数才能识别出该变量。

只要函数运行完毕，本地变量就会被删除。

全局 JavaScript 变量:

在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。

JavaScript 变量的生存期:

JavaScript 变量的生命期从它们被声明的时间开始。

局部变量会在函数运行以后被删除。

全局变量会在页面关闭后被删除。

向未声明的 JavaScript 变量来分配值

如果把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航