一、JavaScript简介

1.JavaScript是个什么东西？

它是个脚本语言，需要有宿主文件，它的宿主文件是HTML文件。

2.它与Java什么关系？

没有什么直接的联系，Java是Sun公司（已被Oracle收购了），JavaScript是netspace（网景公司，已被美国在线收购了），JScript是微软的，90%像JavaScript，一些功能只能在IE上使用。

3.它的用法：

在HTML中位置有三块：

（1）head里面

（2）body里面

（3）</html>之后

为了保险起见，一般写在</html>之后。

<script language="javascript">代码必须放在这里面</script>

4.三个常用对话框：

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

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

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

二、JavaScript语法

1.基本数据类型：

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

2.变量：

都是通用类型var，可以随便存储其它类型的值，可以直接使用，不用定义。但习惯上定义。

定义变量： var a;    //所有变量定义都用var定义，var是通用的可变类型。

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

3.数组：

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

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

数组的取值：a[i];

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

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

4.函数：

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

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

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

 

 

*放在头部也可以读取（最先读取头部）

表单提交时会自动刷新网页，最好关掉

写法：

1、输出

<script>

document.write("hello world");

</script>

2、按钮运用

<input name="alert" 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>

1.类型转换：

分为自动转换和强制转换，一般用强制转换。

其他类型转换为整数：parseint（）；

其他类型转换为小数：parsefloat（）；

判断是否是一个合法的数字类型：isNaN（）；

是数字的话返回false，不是数字的话返回ture。

需要将prompt放进isNaN方法内

2.运算符：

数学运算符：+    -    *    /    %    ++    --；

关系运算符：==    ！=    >=    <=    >    <；

逻辑运算符：&&    ||    ！；

其他运算符：+=    -=    *=    /=    %=    ？：；

3.语句：

  一般分为顺序、分支和循环语句。

（1）分支语句if：

if（判断条件）

{

满足条件要执行的语句

}

else

{

不满足条件时执行的语句

}

（2）循环for语句：

for（初始条件；循环条件；状态改变）

{

循环体

}

（3）问题类型：穷举、迭代。

（4）两个关键词：break 和 continue。

（5）如果要输出某一参数的值：输出的值是"+a+"和"+b"

<script>function visible1()
{
    $("p").hide();
};</script></head><body><input type="button" onclick = "visible1()" value = "点这里让文字消失"/><p>我会消失。</p>

$("id1")就相当于document.getElementById("id1")

JavaScript 语法的更多相关文章

  1. JavaScript：JavaScript语法的详细介绍

    JavaScript语法:只要Java会了,基本上javascript语法就会了. ——变量的定义 ——程序的结构控制 ——数组操作 ——函数的定义即使用 基本的test.html代码如下,它会导入下 ...

  2. javascript语法详解

    javascript语法:运算符 条件语句if...else...  条件语句switch  循环语句for  循环语句while   跳转语句 js运算符 1.算数运算符:+ - * % / ++ ...

  3. When Colon Scripting is comming(JavaScript语法扩充)

    当冒号脚本来临-- JavaScript语法扩充 连续好几夜的不能安眠,得出结论就是,未来语言未来的编译器应该是支持语法定制规则和语法扩展的,这样使得编程语言不断进化以更利于人类使用!of cours ...

  4. Javascript语法基础

    Javascript语法基础   一.基本数据类型   JavaScript中支持数字.字符串和布尔值三种基本数据类型: 1．数字 数字型是JavaScript中的基本数据类型.在JavaScript ...

  5. JavaScript语法细节——引用与复制

    原文:JavaScript语法细节--引用与复制 我们都知道,JS中变量的赋值有两种方式,最近在折腾自己写的标签栏插件,碰到了很多平时没注意的问题.正好,那边处理清楚了,稍微整理一下关于引用与复制相关 ...

  6. 第九十八节，JavaScript语法、关键保留字及变量

    JavaScript语法.关键保留字及变量 学习要点: 1.语法构成 2.关键字保留字 3.变量 任何语言的核心都必然会描述这门语言最基本的工作原理.而JavaScript的语言核心就是ECMAScr ...

  7. JavaScript DOM 编程艺术（1）---> JavaScript语法

    一.  JavaScript语法目录 语法 操作 条件语句 循环语句 函数 对象 二.  具体内容 2.1 语法 javaScript代码要通过HTML/XHTML文档才能执行.可以有两种方式完成这一 ...

  8. JavaScript语法详解：JS简介&变量

    本文最初发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. JavaScript简介 Web前端有三层: HTML:从语义的角度,描 ...

  9. 读《javascript语法精粹》知识点总结

    昨天泡了大半天的读书馆,一口气看完了<javascript语法精粹>这本书,总体来说这本书还是写的不错,难怪那么多的推荐.<javascript语法精粹>主要是归纳与总结了ja ...

随机推荐

  1. 一个简单易懂的javascrip selection&range小案例

    在制作富文本编辑器,尤其是在制作以div元素为编辑器区域时,当鼠标离开编辑区域以后会失去焦点,失去选区,这时候就要通过selection&range来重新设置选区.[以下代码尚未考虑IE低版本 ...

  2. [iOS]C语言技术视频-04-程序循环结构(while{})

    下载地址: 链接: http://pan.baidu.com/s/1o6imQ4U 密码: imuy

  3. 五、pig学习

    一.什么是pig 1.pig和sql.map-reduce的关系 来自为知笔记(Wiz)

  4. jQuery学习笔记（二）

    1. 基本选择器 #id      ("#one") .class  $(".two") element (根据给定的元素名匹配元素) $("div& ...

  5. HDU 3903 Trigonometric Function

    这题真难,并不会推理... #include<cstdio> #include<cstring> #include<cmath> #include<algor ...

  6. HTML5语义化标签重构页面

    在HTML5未出现之前我们都用div+css来构建页面,比如<div id=”header”>,div的滥用,使得代码的可读性和可维护性很差,现在用本文来介绍一下用HTML5′干净的’语义 ...

  7. PHP内核变量存储

    PHP作为一门弱类型语言,其变量类型可任意改变.而C作为PHP的底层实现,是通过结构及联合来实现PHP变量的弱类型特性的.在PHP源码中,Zend/zend.h文件有关于PHP变量的结构定义. 01 ...

  8. 《Web接口开发与自动化测试 -- 基于Python语言》 ---前言

    前    言 本书的原型是我整理一份Django学习文档,从事软件测试工作的这六.七年来,一直有整理学习资料的习惯,这种学习理解再输出的方式对我非常受用,博客和文档是我主要的输出形式,这些输出同时也帮 ...

  9. Java XML解析器

    使用Apache Xerces解析XML文档 一.技术概述 在用Java解析XML时候,一般都使用现成XML解析器来完成,自己编码解析是一件很棘手的问题,对程序员要求很高,一般也没有专业厂商或者开源组 ...

  10. shell 整理，更新，记录

    菜鸟级awk,读取android manifest,把key->value 保存到path.rc. awk -F "name=" '{if(/project path/) p ...