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 变量来分配值

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

javascript进击(一)简介的更多相关文章

  1. 转:JavaScript事件冒泡简介及应用

    (本文转载自别处) JavaScript事件冒泡简介及应用   一.什么是事件冒泡 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理 ...

  2. Javascript Proxy对象 简介

    Javascript Proxy对象 简介 Javascript Proxy对象 改变你操作对象的方式 Proxies 是Javasript对象的中间件 ...或者说至少是那种很早的版本. ES6 中 ...

  3. javascript进击(三)简介

    JavaScript 表单验证(可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证) 被 JavaScript 验证的这些典型的表单数据有: 用户是否已填写表单中的必填项目? 用户输 ...

  4. Javascript学习笔记2.1 Javascript与DOM简介

    DOM(文档对象模型)简介 DOM(文档对象模型)针对HTML和XML文档的一个API. DOM可以将任何HTML或XML文档描绘成由多层节点构成的树形结构,它是中立于平台和语言的接口,允许程序和脚本 ...

  5. JavaScript基础(简介、语法)

    一.JavaScript简介 1.JavaScript是个什么东西? 它是个脚本语言,需要有宿主文件,它的宿主文件是HTML文件. 2.它与Java什么关系? 没有什么直接的联系,Java是Sun公司 ...

  6. Javascript学习笔记3 Javascript与BOM简介

    什么是BOM BOM是browser object model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象 ...

  7. JavaScript事件冒泡简介及应用

    一.什么是事件冒泡 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事 件处理程序或者事件返回true,那么这个 ...

  8. JavaScript/jQuery选择器简介

    DOM提供的选择器 选择器是帮助我们选择页面元素的工具,在网站制作中常常会涉及到某个元素的改变,通过选择器提取这些元素可以很轻易的实现(DOM术语把所说的“元素”称作是“节点”).JavaScript ...

  9. javascript进击(九)参考手册

    完整的 Number 对象参考手册 如需可用于 Number 对象的所有属性和方法的完整参考,请访问我们的 Number 对象参考手册. 该参考手册包含每个属性和方法的描述和实例. 完整的 Strin ...

随机推荐

  1. Deep Learning Overview

    [Ref: http://en.wikipedia.org/wiki/Deep_learning] Definition: a branch of machine learning based on ...

  2. oracle rac scan ip 用途 原理

    Oracle 11G R2 RAC增加了scan ip功能,在11.2之前,client链接数据库的时候要用vip,假如你的cluster有4个节点,那么客户端的tnsnames.ora中就对应有四个 ...

  3. 《C#并行编程高级教程》第2章 命令式编程 笔记

    Parallel.Invoke 并行执行多个方法,只有在所有方法都执行后才会返回 static void Main(string[] args){    Parallel.Invoke(    () ...

  4. 【转】IOS 怎么获取外设的广播数据AdvData

    原文网址:http://www.deyisupport.com/question_answer/wireless_connectivity/bluetooth/f/103/t/73443.aspx N ...

  5. 关于I/O的那点事

    转载请著名作者和地址http://www.cnblogs.com/scotth/p/3645489.html 1.关于 IO (fopen出现的错误 errorCode 183) 相关知识点: < ...

  6. HDU 1285

    #include<stdio.h> #include<string.h> int degree[505],vis[505],map[501][501]; int main() ...

  7. HDU 1061

    #include<stdio.h> #include<string.h> int a[10]; int main() { int T,n,i,k,temp,b,t; scanf ...

  8. [Irving] Ext.Net动态添加GridPanel列绑定Checkbox值失败的解决办法

    var grid = X.GetCmp<GridPanel>(vm.GRID_QUOTATIONS_FEEITEM_RANGE_SHOW); grid.AddColumn(Html.X() ...

  9. [liu yanling]规范软件测试流程

    测试计划 做任何事情都会有输入输出,对于测试过程我们可以把输入理解为测试计划.测试环境准备.测试工具的选择等等,输出可以理解为测试结果.测试用例设计即可以理解为以测试计划为输入的输出,也可以理解为以测 ...

  10. selenium WebDriver 获取disabled文本框内容(转)

    有这样一个元素:<input name="name" id="id" type="text" disabled="true& ...