简介:

1、什么是JavaScript?

它是个脚本语言,作用是使 HTML 页面具有更强的动态和交互性,它需要有宿主文件,它的宿主文件就是html文件。

  JavaScript 是 Web 的编程语言。

所有现代的 HTML 页面都使用 JavaScript。

<script> 标签用于定义客户端脚本,比如 JavaScript。

<script> 元素既可包含脚本语句,也可通过 src 属性指向外部脚本文件。

JavaScript 最常用于图片操作、表单验证以及内容动态更新。

2、JS的用法:

它在html中常用的位置有三种:1、head里面 2、body里面 3、</html>之后,为了保险起见一般写在</html>之后。

代码必须写在<script>代码</script>内。(或<script language="javascript">代码</script>或<script type="text/javascript"></script>

3、三个常用的对话框

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

例如:

</html>
<script>
alert("出现错误!")
</script>

它只有一个“确定”按钮和右上角的“关闭”按钮,用于弹出警告。

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

例如

</html>
<script>
var a=confirm("你确定要退出么?")
alert(a)
</script>

点击确定后返回ture

点击取消后返回false

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

例如

</html>
<script>
prompt("请输入一个正整数:","只能是数字!")
</script>

语法:基本上与C#一致

1、基本数据类型

字符串、小数、整数、日期类型、布尔类型等

2、变量

都是通用类型var(万能变量),可以随便存储其他类型的值,可以直接使用,不用定义,但习惯上定义,例如:var a=5; 或var a="百度";或var a=false;等

3、运算符

数学运算符:+、-、*、/

关系运算符:==  !=  >=  <=

逻辑运算符:&&  ||  !

其他运算符:+=  -=  *=  /=  ?:

4、语句

一般分为顺序、分支和循环语句,同C#

5、数组(同C#的集合)

数组的定义:var array = new Array();,它的长度是动态变化的,里面可以放任何类型的元素。

数组的赋值:array[0]=3; array[1]="Hello!";

数组的长度:array.length;,数组元素的个数

方法:array.sort() 排序数组,按照第一个字符排序, array.revers() 将数组翻转

6、函数

函数四要素:名称、输入、返回值、加工(函数体)

定义函数:function add(){} add为函数名,同C#函数一样有四种形式,返回值可以是var类型,也可return一个值

函数不调用是不会执行的

7、类型转换

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

其他类型转为整数:parseInt();

其他类型转为小数:parssFloat();

另一个是判断是否是一个合法的数据类型:isNaN()j;(is not a number是 不是一个数字),是数字的话返回false,不是数字的话返回ture

例如

</html>
<script>
var a;
var s=prompt("请输入一个正整数:","只能是数字!");
a = isNaN(s);
alert(a)
</script>

7、$("#dp1")相当于document.getElementById("dp1")

HTML-★★★★★JavaScritp简介与语法★★★★★的更多相关文章

  1. 一起学HTML基础-JavaScritp简介与语法

    简介: 1.什么是JavaScript? 它是个脚本语言,作用是使 HTML 页面具有更强的动态和交互性,它需要有宿主文件,它的宿主文件就是html文件.  JavaScript 是 Web 的编程语 ...

  2. JaveScript——简介、语法

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

  3. JavaScript简介、语法

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

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

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

  5. 【3-28】javascript简介及语法

    一.简介 (一)定义:JavaScript是一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型,需有宿主文件:html文件. (二)作用:1.进行数据运算 2.对浏览器事件作出响 ...

  6. 3.25课·········JavaScript简介与语法

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

  7. C++ 简介 基本语法 注释

    一.第一个 C++ 程序 #include <iostream> using namespace std; int main() { cout << "Hello, ...

  8. 前端(jQuery)(1)-- JQuery简介及语法

    1.jQuery库简介 1.1.jQuery: jQuery库可以通过一行简单的标记被添加到网页中 1.2.什么是jQuery: jQuery是一个JavaScript函数库(由于底层封装的问题,不需 ...

  9. JavaScript 简介与语法

    一.JavaScript简介 ).head里面 ).body里面 (在body内最为严谨) ).</html>之后 //程序上来要执行的部分 [2]三个常用对话框 alert()警告对话框 ...

随机推荐

  1. ubuntu 16.04 nfs服务的搭建

    nfs服务是实现Linux和Linux之间的文件共享,nfs服务的搭建比较简单. 现在介绍如何在ubuntu16.04系统中搭建nfs服务,ubuntu的搭建比红帽的还要简单. 1.安装nfs服务 s ...

  2. octomap相关

    转载自http://blog.csdn.net/linuxarmsummary/article/details/50924947 什么是octomap? RGBD SLAM的目的有两个:估计机器人的轨 ...

  3. hdu 4946 Area of Mushroom (凸包,去重点,水平排序,留共线点)

    题意: 在二维平面上,给定n个人 每个人的坐标和移动速度v 若对于某个点,只有 x 能最先到达(即没有人能比x先到这个点或者同时到这个点) 则这个点称作被x占有,若有人能占有无穷大的面积 则输出1 , ...

  4. requests+正则表达式 爬取 妹子图

    做了一个爬取妹子图某张索引页面的爬虫,主要用request和正则表达式. 感谢 崔庆才大神的 爬虫教学视频 和 gitbook: B站:https://www.bilibili.com/video/a ...

  5. ubuntu 14.04常见问题

    1. 改root密码 sudo passwd root 2. 显示登录框 sudo gedit /usr/share/lightdm/lightdm.conf.d/50-ubuntu.conf 添加 ...

  6. 【小梅哥FPGA进阶教程】第十三章 四通道数字电压表

    十三.四通道数字电压表 本文由山东大学研友袁卓贡献,特此感谢 实验目的 设计一个四通道的数字电压表 实验平台 芯航线FPGA核心板.AD/DA模块 实验现象 实现一个四通道的数字电压表,其中可以用按键 ...

  7. 哇,两门学考都是A(〃'▽'〃)

    看来只要拼命去搞,两个月也是可以搞出来的啊~

  8. 超级简单的例子说明JAVA PACKET CLASS 和变量之间的关系

    一.包PACKET 就是一个文件夹,包下的CLASS互相访问如一个文件. 二.class内部相当于一个DELPHI的calss,静态函数(static )只能访问静态函数. package Mainp ...

  9. java策略模式(及与工厂模式的区别)

    按一般教程中出现的例子理解: 简单工厂模式:客户端传一个条件进工厂类,工厂类根据条件创建相应的产品类对象,并return给客户端,供客户端使用.即客户端使用的是工厂类生产的产品对象. 策略模式:客户端 ...

  10. css flex cheat sheet

    .container{ display: -webkit-flex/inline-flex; display: -moz-flex/inline-flex; display: -ms-flex/inl ...