JavaScript(js)

JavaScript是一种网页操作的脚本语言,弱数据类型语言。

作用:数据校验(由于带宽窄),网页特效,数据交互(ajax)

环境:开发环境:记事本    , 运行环境:浏览器 chrome

三种存放位置

1.可以写在标签内部。<button  onclick = "alert('123')"> 点一点,看一看 </button>

2.<script>  alert("Hello World");  </script>

3.<script  src = "js/index.js"></script>

alert是一个window对象的方法,alert方法存在一个参数,这个参数是一个字符串,作用是一个警告框。

确定框 comfirm

promt人机交互(主要用于测试代码)r

两个参数:第一个参数,提示用户,是字符串。第二参数,默认值,也是一个字符串。

parseInt 是将字符串转换为整型。 parseFloat 是将字符串转换为浮点型。如果首位就无法转换。则返回NaN(not a number)不是一个数字。

变量的初始化

1.先声明 (var 变量名称)后赋值(变量名称 = 变量值)

2. var   变量名称 = 变量值

JavaScript的数据类型分为两大类:

1.基本数据类型:数字(number)字符串(string)Boolean(布尔)null (空)NaN (不是一个数字)undefined(未定义)

2.引用数据类型:object

javascript的常见运算符:

1.算术运算符:+  -   *   /

2.逻辑运算符:&&  ||   !

3.关系运算符:>  >=   <   <=   ==(只判断值)   ===(值和类型都相等)

javascript的注释:1.单行注释  //  2. 多行注释  /*  */    3.文档注释  /*! .....*/

i++,++i, i - - , - - i

var  a = 10;

var  c = a++;  //a =11,c=10

var  d= ++c; //d = 11,c =11

自加运算,不管前加还是后加,对应变量本身就是加一运算,前加加优先级特别的高,后加加的优先级特别的底,自减类似。

三大流程:顺序(自左而右,自上而下的执行的)分支(选择)循环(for  while)

单分支:if   (){

}

分支:  if(){

}   else  (){

}

多分支:if () {

} else if () {

}else if () {

} ..............{

} else (){

}

。。。。。。。。。。。。。。。。。。。。。。。。。

var  week = prompt(“    ”);

switch (week){

        case “1” 

                alert(“   ”);

                 break;

........................................

        case“10”:

                alert(“   ”);

                 break;

 }

函数:function  (有参数和无参数之分)

JavaScript中定义 一个字符串:

var  str = "世界,你好";                alert(typeof  str);  建议使用此方法

var  str = new String("aaa");       alert(typeof(str));

var  str = String("aaa");               alert(typeof  str);

indexOf()返回在该字符串中的索引位置,如果不存在,则返回-1

var str1 = "今天天气很好,适合出去玩!";

console.info(str1.indexOf("好"));

console.info(str1.indexOf("很好"));

charAt()返回指定位置的字符,charCodeAt()返回指定位置字符的  ASCII值

console.info(str1.charAt(6));

console.info(str1.charCodeAt(6));


substr() 和substring() 如果只有一个参数,都表示从当前位置开始截取,截取到末尾;

substr() 两个参数,表示从第一个参数的位置开始截取,截取第二个参数代表的长度

console.info(str1.substr(2,5));     // 天气很好,

slice () 和 substring() 两个参数,表示从第一个参数的位置开始截取,截取第二个参数代表的位置

console.info(str1.substring(2,5));     // 天气很

split(" ") 返回数组形式,以空格分割   arr.join("|")  合并字符串

toLowerCse() 转换为小写  toUpperCase() 转换为大写

数学对象:

console.log(Math.PI)     //π = 3.1415..........

console.log(Math.E)     //以㏑e 的对数

console.log(Math.ceil(4.01))   //向上取整

console.log(Math.floor(4.999))    //向下取整

console.log(Math.sqrt(9))           //开平方

console.log(Math.pow(2,5))      //2的5次方,求幂数

console.log(Math.abs(-3))        //对-3取绝对值

console.log(Math.round(4.4))   //四舍五入 等于4

console.log(Math.round(4.5))   //四舍五入 等于5

console.log(Math.random())    //取随机数 范围在0到1之间

console.log(Math.floor(Math.random()*10))   // 取随机数 范围在0到10之间

10到15之间随机数

日期模块:


function getTime() {                                  // 定义一个方法

       var  myDate = new Date();               //获得当前的时间

       var year = myDate.getFullYear();     //获得年

       var month = myDate.getMonth()+1;  //获得月

       var day = myDate.getDate();           //获得日

...........week 周  hours 小时 mins 分  seconds 秒  ms 毫秒

setInterval(getTime,1);      // 设定一秒之后显示内容

定时函数:setTimeout 和 setInterval

2秒之后显示


倒计时:

当前时间与2018年9月7日之差

数组:即大量数据的集合。

var arr = [1,3,45,6,9,43];

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

    console.info(arr[ i ]);

}       //通过循环遍历数组

arr[ 0 ] = 100;  // 修改某个下标的元素内容

var  arr = new Array();   //定义一个空的数组

arr.push(33);    //在末尾增加一个元素   arr.unshift(66);  //在首位增加一个元素

arr.pop();     //在末尾删除一个元素       arr.shift();   //在首位删除一个元素

sort方法排序使用的是ASCII值排序,所以数字排序需要注意

sort排序

splice可以增加或者删除元素

var  arr = [1,3,4,5,7];

arr.splice(2,2)          // 从索引2开始删除2个元素,结果为[1,3,7]

alert(arr)

arr.splice(2,0,88);  // 从索引2开始删除0个元素,在末尾再增加一个元素,结果为[1,3,7,88]

window浏览器:

history 历史记录 ,location路径,screen屏幕,navigator浏览器内核信息,document文档DOM

BOM(browser object model)浏览器对象模型  DOM(document object model)文档对象模型

moveByTest  相对于当前位置挪动浏览器, moveToTest 相对于左上角挪动浏览器,closed关闭,openNew打开

浏览器操作

history历史:

history.back(); 和 history.go(-1); 都是返回上一页。history.forward(); 和 history.go(1);都是前进,下一页

换页面

screen屏幕:width 和height 是屏幕的分辨率大小,availWidth 和availHeight 是系统任务栏的大小

screen屏幕

navigator浏览器内核信息  :platform 平台

navigator浏览器内核信息

location 位置

console.info(window.location.herf)                  //当前url地址

console.info(window.location.hostname)        //主机名称

console.info(window.location.host)                 //主机名称+端口

console.info(window.location.port)                 //端口

console.info(window.location.protocol)          //协议

console.info(window.location.search)           //?后面的值

console.info(window.location.hash)              //锚点后面的值

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,869评论 6 508
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,716评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 166,223评论 0 357
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,047评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,089评论 6 395
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,839评论 1 308
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,516评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,410评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,920评论 1 319
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,052评论 3 340
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,179评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,868评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,522评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,070评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,186评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,487评论 3 375
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,162评论 2 356

推荐阅读更多精彩内容