HTML-★★★★★JavaScritp简介与语法★★★★★
简介:
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简介与语法★★★★★的更多相关文章
- 一起学HTML基础-JavaScritp简介与语法
简介: 1.什么是JavaScript? 它是个脚本语言,作用是使 HTML 页面具有更强的动态和交互性,它需要有宿主文件,它的宿主文件就是html文件. JavaScript 是 Web 的编程语 ...
- JaveScript——简介、语法
JS简介: 1.JavaScript是个什么东西? 它是个脚本语言,需要有宿主文件,它的宿主文件是HTML文件. 2.它与Java什么关系? 没有什么直接的联系,Java是Sun公司(已被Oracle ...
- JavaScript简介、语法
一.JavaScript简介 1.JavaScript是个什么东西? 它是个脚本语言,需要有宿主文件,它的宿主文件是HTML文件. 2.它与Java什么关系? 没有什么直接的联系,Java是Sun公司 ...
- JavaScript基础(简介、语法)
一.JavaScript简介 1.JavaScript是个什么东西? 它是个脚本语言,需要有宿主文件,它的宿主文件是HTML文件. 2.它与Java什么关系? 没有什么直接的联系,Java是Sun公司 ...
- 【3-28】javascript简介及语法
一.简介 (一)定义:JavaScript是一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型,需有宿主文件:html文件. (二)作用:1.进行数据运算 2.对浏览器事件作出响 ...
- 3.25课·········JavaScript简介与语法
一.JavaScript简介 1.JavaScript是个什么东西? 它是个脚本语言,需要有宿主文件,它的宿主文件是HTML文件. 2.它与Java什么关系? 没有什么直接的联系,Java是Sun公司 ...
- C++ 简介 基本语法 注释
一.第一个 C++ 程序 #include <iostream> using namespace std; int main() { cout << "Hello, ...
- 前端(jQuery)(1)-- JQuery简介及语法
1.jQuery库简介 1.1.jQuery: jQuery库可以通过一行简单的标记被添加到网页中 1.2.什么是jQuery: jQuery是一个JavaScript函数库(由于底层封装的问题,不需 ...
- JavaScript 简介与语法
一.JavaScript简介 ).head里面 ).body里面 (在body内最为严谨) ).</html>之后 //程序上来要执行的部分 [2]三个常用对话框 alert()警告对话框 ...
随机推荐
- freemaker优缺点
1.什么是FreeMarker?FreeMarker是一个模板引擎,一个基于模板生成文本输出的通用工具,使用纯Java编写.FreeMarker被设计用来生成HTMLWeb页面,特别是基于MVC模式的 ...
- Bigtable:一个分布式的结构化数据存储系统
Bigtable:一个分布式的结构化数据存储系统 摘要 Bigtable是一个管理结构化数据的分布式存储系统,它被设计用来处理海量数据:分布在数千台通用服务器上的PB级的数据.Google的很多项目将 ...
- 运行jupyter
在mac 命令行中输入 jupyter notebook 即可 https://www.datacamp.com/community/tutorials/tutorial-jupyter-notebo ...
- code1174 靶形数独
主要是优化搜索顺序 从选择较少的点开始,可以大大提高效率 在search(x,y)找点的时候,对于一个空点(x y),设置一个评分score: score=min{ 横线x上能填的数字个数,竖线y上. ...
- code1744 方格染色
稍微复杂一点的划分dp 设f[i][j][k]为第i行前j个k次粉刷正确的最大值 由于每行循环使用,可以去掉第一维,但每次不要忘了清零(卡了好久) f[j][k]=max{ f[u][j-1] + m ...
- j中的substr(start,length)和substring(start,stop)
j中的substr(start,length)和substring(start,end) substring 1 substring 方法用于提取字符串中介于两个指定下标之间的字符(包头不包尾) 2 ...
- IE6,7,8在boostrap中兼容h5和css3
IE6.7.8版本(IE9以下版本)浏览器兼容html5新增的标签,引入下面代码文件即可: <script src="https://oss.maxcdn.com/libs/html5 ...
- es学习-java操作 2.4.0版本
package esjava; import org.elasticsearch.action.bulk.*;import org.elasticsearch.action.delete.Delete ...
- Integer中getInteger(),valueof()
Integer类有两个看起来很类似的静态方法,一个是Integer.getInteger(String),另外一个是Integer.valueOf(String).如果只看方法名称的话,很容易将这两个 ...
- 第08章 ElasticSearch Java API
本章内容 使用客户端对象(client object)连接到本地或远程ElasticSearch集群. 逐条或批量索引文档. 更新文档内容. 使用各种ElasticSearch支持的查询方式. 处理E ...