HTML-教案-JavaScript简介

一、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>

时间: 2024-11-05 11:47:00

HTML-教案-JavaScript简介的相关文章

JavaScript简介

一.JavaScript简介 1.JavaScript是个什么东西? 它是个脚本语言,需要有宿主文件,它的宿主文件是HTML文件. 2.它与Java什么关系? 没有什么直接的联系,Java是Sun公司(已被Oracle收购了),JavaScript是netspace(网景公司,已被美国在线收购了),JScript是微软的,90%像JavaScript,一些功能只能在IE上使用. 3.它的用法: 在HTML中位置有三块: (1)head里面 (2)body里面 (3)</html>之后 为了保险

JavaScript - 简介、在HTMl中使用JavaScript、基本概念

1. JavaScript简介 JavaScript历史回顾 JavaScript是什么 JavaScript与ECMAScript的关系 JavaScript的不同版本 一言概之,略. 2. 在HTML中使用JavaScript 要把JavaScript放到网页中,就得涉及Web的核心语言 -- HTML.当初开发JavaScript的时候,要解决的一个重要问题就是让JavaScript与HTML页面共存,并且不影响页面在浏览器中的呈现效果.最终决定为Web增加统一的脚本支持. 2.1 <sc

《javascript高级程序设计》读书笔记(一)javascript简介

第一章:javascript简介 Netscape Navigator 开发的javascript   Javascript的实现有三部分: 1.核心(ECMAScript):提供核心语言功能. 2.文档对象模型(DOM):提供访问和操作网页内容的方法和接口. 3.浏览器对象模型(BOM):提供和浏览器交互的方法和接口. Web浏览器只是ECMAScripr实现的可能宿主环境之一. 五大主流Web浏览器(IE,Firefox,Safari,Chrome和Opera) 第二章:在Html中使用ja

javascript简介和基本语法

javascript简介 1.javascript是个脚本语言,需要有宿主文件,他的宿主文件是html文件. 用法:为了保险起见一般写在</html>之后<javascript    language="javascript">代码必须放在这里面</javascript> 三个常用对话框: alert("这里面放汉字")警告对话框,作用是弹出一个警告对话框:比如alert("输入有误") confirm(&qu

《JavaScript高级程序设计 第三版》 前2章 Javascript简介与HTML 读书笔记

第一章:Javascript简介 1.JavaScript诞生于1995年,当时,它的主要目的是处理以前由服务器端语言(如Perl)负责的一些输入验证操作.现在,JavaScript是一种专为与网页交互而设计的脚本语言. 注:Netscape(网景)公司研发,Java是sun公司研发,原名为LiveScript,为了搭上媒体热炒的Java的顺风车,更名为JavaScript 2.微软推出JSript的和网景的JavaScript相竞争,最后微软胜利.ECMA指定了规定并重新命名为ECMAScri

JavaScript 简介与语法

一.JavaScript简介 在html中的位置有三块:1.head里面 2.body里面 3.</html>之后,为了保险起见一般写在</html>之后. [1]用法: (1).head里面 //head里面主要放函数 (2).body里面 (在body内最为严谨) (3).</html>之后 //程序上来要执行的部分 [2]三个常用对话框 alert()警告对话框,作用是弹出一个警告对话框. //先弹出对话框,再执行. confirm()确定对话框,作用是弹出一个可

2017年9月17日 JavaScript简介

javascript简介 javascript是个什么东西? JavaScript是个脚本语言,需要有宿主文件,它的宿主文件就是html文件. 它与java有什么关系? 没有什么直接联系,java是sun公司,JavaScript是Netscape公司的,java是微软的,90%像javascript,一些功能只能在IE上使用 它的用法 在html中位置有三块,1.head里面 2.body里面 3.</html>之后,为了保险起见写在</html>之后.<script ia

JavaScript简介及示例

JavaScript简介及使用 一.简介 JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能. 在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成.因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Jav

1. javacript高级程序设计-JavaScript简介

1. JavaScript简介 JavaScript诞生于1995年,由Netscape公司布兰登·艾奇开发,JavaScript主要包括三个部分: (1). ECMAScript,由ECMA-262定义,提高核心语言功能 (2). 文档对象模型(DOM),提供访问和操作网页内容的方法和接口 (3). 浏览器对象模型(BOM),提供与浏览器交互的方法和接口

1月25日 JavaScript简介与语法

一.JavaScript简介 (1).用法: (1).head里面        //head里面主要放函数 (2).body里面             (在body内最为严谨) (3).</html>之后        //程序上来要执行的部分 (2).3个常用对话框 alert()警告对话框,作用是弹出一个警告对话框.  //先弹出对话框,再执行. confirm()确定对话框,作用是弹出一个可供选择的确定对话框,点击确定之后,它返回true,点击取消返回flase,可用变量来接受. p