社区微信群开通啦,扫一扫抢先加入社区官方微信群
社区微信群
javascript 简介
JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
直白的说:它可以用来动态的去生成,修改网页内容(样式)
1.交互性 : 用户一般都是通过js来和网页进行交互
2.安全性 : 一般不允许直接通过js来访问用户的电脑上的文件
3.跨平台行
javascript的历史
javascript的发明者:Netsapce
微软:JsScript
javascript的组成:
1, ECMAScript(约定了脚本语言的语法和对象) 是js核心
2, BOM (浏览器对象模型)
3, DOM (文档对象模型)
java与javascript的区别
1, javascript是netsapce发明的,java是sun公司发明
2, javascript是基于对象的语言,java是面向对象的语言(继承、封装、多态)
3, javascript是解释型的语言(没有编译的过程),java是编译解释型的语言
4, javascript是弱类型的语言(var a=1;var b=2.0),java是强类型的语言(int a=1;float b=2)
我的第一个javascript程序
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function displayDate(){
document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>
<h1>我的第一个 JavaScript 程序</h1>
<p id="demo">这是一个段落</p>
<button type="button" οnclick="displayDate()">显示日期</button>
</body>
</html>
运行结果:
导入javascript的方式:
1.内嵌方式
<div οnclick="alert('xx')">div</div>
2.内部方式
<script>
function clickme(){
alert("xx");
}
</script>
<divοnclick="clickme()">div</div>
3.外部方式
> 先创建一个.js文件,然后写对应的function
> 再通过<scriptsrc=""></script>把指定路劲下的js文件引入到当前html文件中
> 使用:<divοnclick="clickme()">div</div>
javaScript的基本语法
javaScript中声明一个变量的规范
1.由数字、字母、下滑线以及$组成
2.不能以数字开头
3.不能与关键字重名
js中声明一个变量用 var a = 1;
js中单引号和双引号都表示字符串
js的数据类型:
原始类型:String Number Boolean Null Undefined
引用类型:js中所有的引用类型都是从Object"继承"过来的
var a = new Object(); 对象
js中常用的对象:Boolean, String, Number,Array, Math, Date, RegExp
js: Boolean, String, Number 伪对象(可以调用对象方法)
数据类型的转换:
1、使用js提供的方法进行转换
Number /boolean转换成String :使用toString()方法;
String转Number : 使用parseInt();和parseFloat();方法
String转Number的时候如果字符串第一个字母不是数字,则转换不成功,如果字符串第一个字母是数字,则会取相连的数字
2、强制转换
var s = "123.3";
alert(Number(s)) //此处需要纯数字才能转换成功
alert(String(s));
alert(Boolean(s)); //只要s值不为0或者空,转换结果就为true,否则为false
js的运算符:
+ - * /
关于+号:如果是字符串类型+Number类型,则进行字符串的拼接
- * / : 如果字符串类型 + Number类型,则会先将字符串转换为Number再进行运算
==和===
==比较值相等
===先比较数据类型,再看值
//点击a标签不跳转
<a href="javascript:void(0);">xxxx</a>
//如果使用#,点击a标签会刷新当前页面,自动跳转当前页面的最顶部
//js中的if
var a = 100;
if(a){
xxx;
}
if中的条件只要不为0或者不为空,则条件成立。
//js的循环
var arr =["java","c","c#",123];
for(var id in arr){
alert(arr[id]);
}
注意点:id是对应数组元素的索引值,遍历的时候使用in
JavaScript的对象:
三个伪对象:
1.Number
var n = new Number(value); //创建一个Number对象
var m = Number(value); //返回一个Number原始值
var s = n.valueOf(); //返回n对象的原始值
2.Boolean
自查
3.String
String对象的常用方法
length //返回字符串长度
charAt() //获取指定位置的字符
indexOf() //返回指定字符的下表索引
lastIndexOf() // 返回指定字符在字符串中最后一次出现的索引
split() //分割字符串
subStr() //有两个参数,第一个是截取起始位置,第二个是截取的长度
subString() //有两个参数,第一个是截取的起始位置,第二个是截取的结束位置
toLowerCase() //转换成小写字母
toUpperCase() //转换成大写字母
toString() //转换成字符串
valueOf() //赋值
在多个字符串进行比较大小的时候,首先会比较这些个字符串的第一个字符,从小到大对字符串进行初步排序。对于第一次比较之后没有得出顺序的字符串,会进行第二次比较(比较的是第二个字符)…..以此类推
待续。。。。。。。。。。如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!