JavaScript核心基础语法
1 什么是JavaScript？
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>跨浏览器编程</title>
<script type="text/javascript">
function browserType(even){
if(window.event){//判断是不是IE浏览器
document.getElementById('p1').innerHTML='IE';
}
else if(even){//判断是不是DOM兼容浏览器
document.getElementById('p1').innerHTML='DOM' ;
}
} </script>
</head>
<body>
<button onclick="browserType(event);"> Hello JavaScript Event Object</button>
<p id="p1">到底是什么浏览器呢</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
alert("使用script元素在XHTML文档中直接嵌入JavaScript语句");
</script> </body>
</html>
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="../js/two.js"></script>
</head>
<body>
<form action="#" method="get">
<input type="button" value="点击" onclick="alertTest();">
</form> </body>
</html>
在two.js里包含的脚本
function alertTest(){
alert("链接外部脚本");
}
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<!--<script type="text/javascript" src="../js/two.js"></script>-->
</head>
<body>
<form action="#" method="get">
<input type="button" value="点击" onclick="alert('脚本包含在XHTML中');">
</form> </body>
</html>
5 JavaScript变量
JS中声明变量都用关键字var，并且JS区分大小写
弱类型，不一定要初始化
在声明变量时注意的一些小细节：
声明变量后 第一次给变量赋什么样类型的值，以后必须使用相同的类型 当我们没有使用var 定义变量的时候 如果没有给变量赋值 就会报错 如果给它赋值了。 宿主环境 （浏览器）就把 认为一个 全局变量 var num; 当声明的变量未初始化时，值为undefined。
6 JavaScript数据类型
6.1 原始数据类型 typeof运算符
typeof运算符有一个参数，即要检查的变量或值；
在使用typeof运算符时采用引用类型存储值会出现一个问题，无论引用的是什么类型的对象，他都返回"Object";
用另一个运算符instanceof来解决这个问题；
eg
var s=new String（'hello js'）；
alert(s instanceof String);// 输出"true"
这个需要开发者明确的指出对象为某特定的类型
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script>
function test(){
alert("1111");
return 1;
}
// var i = test(); //当函数无明确返回值时，其调用结果也是undefined。
// var i = test() ;// 先调用函数test 任何把返回值赋值为i undefined
var i = test ; //是把函数test的地址赋值给了i;
alert(i);
alert(typeof (i));
</script>
</head>
<body>
</body>
</html>
var i = null;
alert(i);//null
alert(typeof (i));//object
数据类型转换
从左到右依次解析 直到遇见解析的那个字符不是是数字， 则结束
从左到右依次解析 直到遇见解析的那个字符不是是数字，则结束， 从有效数字开始，只会出现一个小数点。
Number 转换的时候 是把 字符串当一个整体来转换；
String 转换的时候 只需要调用作为参数传递进来的值的toString（）方法；
6.2 引用数据类型
数组对象：
| Array | 对数组的内部支持 |
| Array.concat( ) | 连接数组 |
| Array.join( ) | 将数组元素连接起来以构建一个字符串 |
| Array.length | 数组的大小 |
| Array.pop( ) | 删除并返回数组的最后一个元素 |
| Array.push( ) | 给数组添加元素 |
| Array.reverse( ) | 颠倒数组中元素的顺序 |
| Array.shift( ) | 将元素移出数组 |
| Array.slice( ) | 返回数组的一部分 |
| Array.sort( ) | 对数组元素进行排序 |
| Array.splice( ) | 插入、删除或替换数组的元素 |
| Array.toLocaleString( ) | 把数组转换成局部字符串 |
| Array.toString( ) | 将数组转换成一个字符串 |
| Array.unshift( ) | 在数组头部插入一个元素 |
JavaScript核心基础语法的更多相关文章
- JavaScript编程：javaScript核心基础语法
1.javaScript核心基础语法: javaScript技术体系包含了5个内容: 1.核心语言定义: 2.原生对象和雷子对象: 3.浏览器对象 ...
- JavaScript的基础语法及DOM元素和事件
一,JavaScript是什么? 1,JavaScript简称:js,是一种浏览器解释型语言,嵌套在HTML文件中交给浏览器解释执行.主要用来实现网页的动态效果,用户交互及前后端的数据传输等. 2,J ...
- JavaScript的基础语法，你真的了解吗？
这篇文章是在我们熟悉了JS的基础语法后,很少有人去关注的一些细节部分.如果掌握了某些细节也许会对代码的改善有着非凡的作用.也许会使我们的代码更严谨,更高效. 1.if语句的条件 if条件中,括号里是布 ...
- JavaScript 正则表达式基础语法
前言 正则表达式在人们的印象中可能是一堆无法理解的字符,但就是这些符号却实现了字符串的高效操作.通常的情况是,问题本身并不复杂,但没有正则表达式就成了大问题.javascript中的正则表达式作为相当 ...
- JavaScript的基础语法
对于Javascript的而言没有数据类型的全部都是通过var来定义创建的.比如: <!DOCTYPE html> <html> <head> <meta c ...
- JavaScript数据类型 —— 基础语法（2）
JavaScript基础语法(2) 数据类型 js中有六种数据类型,包括五种基本数据类型(Number,String,Boolean,Undefined,Null),和一种复杂数据类型(Object) ...
- JavaScript之基础语法
第一章 javascript语法 一, js代码的引入 方式一:在html页写js代码 <script> alert('hello,world') </script> 方式二: ...
- 1.JavaScript 教程:基础语法
简介: JavaScript web 开发人员必须学习的 3 门语言中的一门: HTML 定义了网页的内容 CSS 描述了网页的布局 JavaScript 网页的行为 用法: (1)HTML 中的脚本 ...
- JavaScript面向对象基础语法总结
1.Javascript的 对象(Object): //例子:var car = { , , }; 2.使用构造函数来创建对象. //例子: var Car = function() { ; ; ; ...
随机推荐
- mysql_触发器
mysql触发器 触发器:trigger,事先为某张表绑定好一段代码,当表中某些内容发生改变的时候(增删改),系统会自动触发代码,执行 触发器:事件类型,触发时间,触发对象 事件类型:增删改,三种类型 ...
- [violet2]sillyz
题意:定义S(n) = n*各数位之积,然后给定L<=R<=10^18,求有多少个n在[L,R]区间内 思路: 看了半天无从下手..看完题解才豁然开朗.. 具体思路看vani神博客吧.讲的 ...
- Python自动化开发 - 网络编程
本节内容 1.客户端/服务器架构 2.OSI七层 3.socket层 4.socket是什么 5.套接字发展史及分类 6.套接字工作流程 一.客户端/服务器架构 即Client/Server架构,包括 ...
- 电容器的ESR
电容器的ESR(等效串联电阻)Equivalent Series Resistance 作为开关电源的输出整流滤波电容器,电容量往往是首要的选择,铝电解电容器的电容量完全可以满足要求,而ESR则 ...
- python操作excel及json
有一个存着学生成绩的文件:stuscore.txt,里面存的是json串,json串读起来特别不直观,需要你写代码把它都写到excel中,并计算出总分和平均分,json格式如下: { ":[ ...
- OpencvSharp 在WPF的Image控件中显示图像
1.安装OpencvSharp 我使用的是VS2013 社区版,安装OpencvSharp3.0 在线安装方法:进入Tools,打开NuGet的包管理器 搜索Opencv 安装之后就可以使用,无需再做 ...
- C#基础之访问修饰符
C#访问修饰符,无时无刻都在使用,这里记录一下,如果写错的地方,欢迎指正. public :公有的,任何代码均可以访问,应用于所有类或成员: internal:内部的,只能在当前程序集中使用,应用于所 ...
- C#实现枚举的相关操作
枚举中的Descript()描述值,以及枚举值是一种一一对应的关系.我们可以获取其描述值和枚举值,存放到字典中, 在实际的使用中我们就可以轻松的根据枚举值来获取其描述值,也可以通过枚举的描述值来获取其 ...
- .net图表之ECharts随笔07-自定义系列(多边形)
搞了一天多,才勉强搞出了一个不紧凑的六边形统计图,是真的菜. 这里ECharts的用法与06说的同一种,直接使用带all的js 先上个效果图,用面积来表示人数的多少 1. 参数option的toolt ...
- 9.翻译：EF基础系列---使用EF开发的方式有哪些？
原文链接:http://www.entityframeworktutorial.net/choosing-development-approach-with-entity-framework.aspx ...