JavaScript基本概要

body, table{font-family: 微软雅黑; font-size: 10pt} table{border-collapse: collapse; border: solid gray; border-width: 2px 0 2px 0;} th{border: 1px solid gray; padding: 4px; background-color: #DDD;} td{border: 1px solid gray; padding: 4px;} tr:nth-child(2n){background-color: #f8f8f8;}

什么是JavaScript:

Netscape公司开发的一种基于对象和事件驱动的脚本语言 ，并且可在所有主要的浏览器中运行 IE、Firefox、Chrome、Opera、JavaScript 被设计用来向 HTML 页面添加交互行为JavaScript 的正式名称是 "ECMAScript"。这个标准由 ECMA 组织发展和维护。无需编译，可由浏览器直接解释运行。JavaScript 是一种弱类型语言

特点：

交互性（它可以做的就是信息的动态交互）

安全性（不允许直接访问本地硬盘）

跨平台性（只要是可以解释Js的浏览器都可以执行，和平台无关）

JavaScript语言组成

一个完整 JavaScript实现由以下3个部分组成


1、核心（ECMAScript）

2、文档对象模型（DOM）

3、浏览器对象模型（BOM）

JavaScript与Html的结合方式

HTML 的 <script> 标签用于把 JavaScript 插入 HTML 页面当中，编写JavaScript 两种方式：内部JS和外部JS

内部JS程序，在HTML源码中

<script type="text/javascript">

alert(1);

</script>

* language 属性不赞成使用，请使用type属性替代

外部JS程序，在HTML中引入单独的JS程序

<script src="1.js"></script>

1.js 内容

alert(2);

* 在引用外部JS的script标签间不能编写JavaScript代码
    <!--js和html的结合方式

1.页内

方式1:

<script type="text/javascript">

alert("hello javascript!");

</script>

方式2:

<p  onclick="javascript:alert('clicked me');">  点击我 </p>

2.外部

<script type="text/javascript" src="01.js"></script>

<script src="01.js">此处不支持插入js脚本</script>

-->


JavaScript的数据类型


<script type="text/javascript">

//5种基本的数据类型 number,boolean,string,null,undefined,object(只能识别是对象，但是不知道是什么类型对象)

var a=1.1;

var b=false;

var c="hello"

var d;

var e=null;

//f=new Object();

var date=new Date();

//null表示准备用来保存对象，还没有真正保存对象的值。从逻辑角度看，null值表示一个空对象指针

//typeof 看变量的类型是什么

alert(typeof(date));

alert(date);   //显示时间

//instanceof(对象类型判断)  true前者是后者的一个实例    false不是

if(date instanceof Date)

alert("true");  //运行这个

else

alert("false");

</script>


== 等于        //只是比较值

=== 等于(检查值和类型)

if(z=100)     //不管z是多少，非0都返回TRUE,0返回FALSE

document.write("<b>Good morning</b>");  //在网页上写“”里面的

for (变量 in 对象)

{

在此执行代码

}“变量”用来指定变量，指定的变量可以是数组元素，也可以是对象的属性。


var x;

var mycars=new Array();

mycars[0]="Saab";

mycars[1]="volvo";

mycars[2]="BMM";

for(x in mycars)    //x从0到2

{

document.write(mycars[x]+"<br/>");

}

a = 19 是Number 类型

a = "19" 是String类型

Number 转 String    a = a + ""; 或 a = String(a);

String 转 Number    a = a - 0; 或 a = Number(a);


JavaScript基本语法(区分大小写)

JavaScript常用对象介绍

1、Array对象 数组对象，进行数组操作

2、String对象 ----- 字符串类型的引用类型

var s = new String(“cskaoyan");

3、Number对象 ---- 数字原始类型引用类型

var n = new Number(100);

4、Boolean对象 ---- 布尔原始类型引用类型

var b = new Boolean(true);

5、Math对象 执行数学任务

6、Date对象 用于处理日期和时间

Array:
var array=new Array(1,2,3,4,5);    //表示数组大小，同时初始化了数组
var array=new Array(5);    //只表示了数组的长度

var array4 = [1,5,19,2,4];  //如果sort()函数没有传参数，泽会将数字转换为字符串

var array5 = ["1","5","19","2","4"];

join(): 把数组的所有元素放入一个字符串。

push(): 向数组的末尾添加一个或更多元素，并返回新的长度。

pop()删除并返回数组的最后一个元素

shift(): 删除并返回第一个元素

reverse(): 反转顺序

sort(): 排序//1、如果想按照自己的规则来进行比较，要传递一个function类型的参数制定比较规则2、如果sort函数没有传参数(参数就是自己定义的function)，那么就会把数组转化为字符串在来排序

var  array = ["benz","bmw","volve","qq"];

alert(array.join());  //默认连接隔开符号","

for(var i=0;i<array.length;++i)

{

document.write(array.join("-")+"<br/>");

}

var  array = [1,5,19,2,4];

function sortNumber(a,b){

return a-b;  //升序；b-a降序

}

alert(array.sort(sortNumber));
String：

big() 用大号字体显示字符串。

charAt(index) 返回在指定位置的字符。

concat() 连接字符串。

substr(start,length) 从起始索引号提取字符串中指定数目的字符。

substring(start,stop) 提取字符串中两个指定的索引号之间的字符。(stop前一个)

Number:

toString 把数字转换为字符串，使用指定的基数。

valueOf() 返回 Number对象的原始值

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

Date:

Date() 返回当日的日期和时间

getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)

getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)

getMonth() 从 Date 对象返回月份 (0 ~ 11)

getHours() 返回 Date 对象的小时 (0 ~ 23)

getMinutes() 返回 Date 对象的分钟 (0 ~ 59)

getSeconds() 返回 Date 对象的秒数 (0 ~ 59))

getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)

getTime() 返回 1970 年 1 月 1 日至今的毫秒数
//Math 里的方法相当于java里的静态方法，不需要对象，直接通过类名来访问

ceil(x)返回大于等于x的最小整数

floor(x)返回小于等于x的最大整数

random() 返回 0 ~ 1 之间的随机数 (小数)

round(x) 把一个数四舍五入为最接近的整数。

JavaScript 函数的定义 


<script type="text/javascript">

//第一种

function add(a,b){

var c=a+b;

alert (c);

}

//第二种

//定义一个变量，该变量就是函数名

var func=function(a){

alert(a);

}

//第三种

//方法的最后一个参数是函数体，之前是可变参数

var add1=new Function('a','b','c','d=a+b+c; alert(d)');

</script>

<p onclick="add1(1,2,3)">点我</p>

JavaScript 全局函数

isNaN 检查某个值是否为数字//是返回false，不是返回true

parseInt  / parseFloat 解析字符串为整数 / 浮点数

eval 计算javascript 字符串，并把它作为脚本代码来执

 eval("x=10;y=20;document.write(x*y)")   网页写200

var uname="'xt','zh','ch','am','pm'";

var tuname = eval("["+uname+"]");

alert(tuname[1]);     //显示出zh

escape与unescape, encodeURI()与decodeURI()


var str="中国";

var escape1=escape(str);

document.write(escape1);

var escape2=unescape(escape1);

document.write("<br/>"+escape2);

//一样的效果

alert(encodeURI(str));

alert(decodeURI(str));

escape不编码字符有69个：*，+，-，.，/，@，_，0-9，a-z，A-Z

encodeURI不编码字符有82个：!，#，$，&，'，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z

parseInt(string, radix) 函数可解析一个字符串，并返回一个整数。

原文地址：https://www.cnblogs.com/meihao1203/p/9176051.html

时间： 2024-11-04 08:42:37

JavaScript基本概要的相关文章

JavaScript知识概要

JavaScript 1.简介 JavaScript简介:        JS是运行在浏览器端的一门脚本语言,一开始主要用来做浏览器验证,但现在功能已经不止于此.        所谓脚本语言就是指,代码不需要编译,直接运行,并且读入一行运行一行                JavaScript目前应用非常广泛,例如:浏览器端的验证,Ajax,客户端等,甚至也有服务器端的JavaScript--node.js 2.编写位置 (1)网页内部            <script type="

在淘宝里，他们总结的一些前端Tips

1.[约定]文件命名全部都用小写和下划线,样式命名全部使用小写和连接符,JS的钩子使用“J_HiTao” 2.[HTML]需要为html元素添加自定义属性的时候,首先要考虑下有没有默认的已有的合适标签去设置,如果没有,可以使用以”data-“为前缀来添加自定义属性,避免使用”data:” 3.[约定]文件要求编码必须为GBK.GB2312或者GB18030 4.[HTML]html代码要求所有的标签.属性都是用小写字母,属性值使用双引号括起来,使用js插入html代码的时候也要注意保持一致. 3

javascript概要

javascript概要 基础部分: 语言特点:解释型语言.动态语言.弱类型定义语言.函数式编程.基于原型的面向对象(可忽略). 应该知道的一些概念: 解释型语言编写的程序是直接由运行环境执行的,需要的是源代码文件与解释器(运行环境),是解释一句执行一句.(php.python) 编译型语言编写的程序是需要编译和链接的,生成的是可执行代码(c)或基于某种运行环境的字节码(c#.java). 动态语言是不需要(没有强制性)在变量定义时指定数据类型的,变量的数据类型是在运行时有上下文来判断的.(py

JavaScript语言精髓（1）之语法概要拾遗（转）

逻辑运算 JavaScript中支持两种逻辑运算,"逻辑或(||)"和"逻辑与(&&)",他们的使用方法与基本的布尔运算一致: var str= 'hello';var obj = {};x = str || obj;y = str && obj; 这种运算符的特殊之处在于,他既不改变运算元的数据类型,也不强制运算结果的数据类型.除此之外,还有两条特性: 运算符会将运算元理解为布尔值: 运算过程支持布尔短路. 因此上例中, x运算结果

JavaScript之对象序列化详解

一.什么是对象序列化? 对象序列化是指将对象的状态转换为字符串(来自我这菜鸟的理解,好像有些书上也是这么说的,浅显易懂!): 序列化(Serialization)是将对象的状态信息转换为可以存储或传输的形式的过程(来自“百度百科—序列化“,学术性强,略显高端): 二.为什么会有对象序列化? 世间万物,都有其存在的原因.为什么会有对象序列化呢?因为程序猿们需要它.既然是对象序列化,那我们就先从一个对象说起: var obj = {x:1, y:2}; 当这句代码运行时,对象obj的内容会存储在一块

牛x的JavaScript编辑器你知道几个

英文:Martin Heller  译文:葡萄城控件 学习过程中遇到什么问题或者想获取学习资源的话,欢迎加入学习交流群343599877,我们一起学前端! 对于JavaScript程序员来说,目前有很多很棒的工具可供选择.本文将会讨论10个优秀的支持JavaScript,HTML5和CSS开发,并且可以使用Markdown进行文档编写的文本编辑器.为什么使用编辑器而不是IDE进行JavaScript编程?原因就是速度快. 编辑器和IDE之间的本质区别在于:IDE不但可以调试,并且可以对代码进行概

Grunt 之 使用 JavaScript 语法检查工具 jshint

前端开发环境准备好了,我们准备开始进行开发. 前端开发的主力语言是 JavaScript,这是一种脚本语言,没有编译器,也就没有了编译器带给我们的语法检查,怎样保证代码的质量呢?jshint 是一个强大的工具. 1. 概要说明 官方地址:http://jshint.com/ GitHub 地址:https://github.com/jshint/jshint JSHint 是一个使用 JavaScript 编写的 JavaScript 的代码质量检查工具,主要用来检查代码质量以及找出一些潜在的代

从头开始学JavaScript 笔记(一)——基础中的基础

概要:javascript的组成. 各个组成部分的作用 . 一.javascript的组成   javascript   ECMAScript(核心) DOM(文档对象模型) BOM(浏览器对象模型) 1.1ECMAScript ECMAScript是通过ECMA-262标准化的脚本语言,ECMA-262规定语言的:语法.类型.语句.关键字.保留字.操作符.对象 1.2 DOM DOM把整个页面映射为一个多层节点结构,HTML或者XML等页面中的每个组成部分都是某种类型的节点,这些节点又包含不同

JavaScript 与函数式编程

原文:https://bethallchurch.github.io/JavaScript-and-Functional-Programming/ 译文:http://www.zcfy.cc/article/1013 译者注:推荐一篇译文,<函数式编程术语解析>. 本文是我在 2016 年 7 月 29 号听 Kyle Simpson 精彩的课程<Functional-Light JavaScript>时所做的笔记(外加个人的深入研究)(幻灯片在这). 长久以来,面向对象在 Jav