JS基础

简介:

js是一种弱类型语言,是javaScript的缩写形式,
基于对象和事件驱动并且具有相对安全性的客户端脚本语言

classname和style的使用:

classname和style不可同时使用,
style会引起重排和重绘

循环语句和判断语句
循环语句:
  1. for
  2. for in
判断语句:
  1. if (else)
  2. swich
三目运算符:a>b ? a:b

a>b=true ,返回a;
a>b=false,返回b;

什么为真:

1.非空字符串 2.非空对象 3.非0数字
Nall 和 NaN 都为假

数据类型:{

            function
            object
            number
            boolean
            string
            singbol ( 顶头对象,es6新增的一种数据类型)

           (undefind 和 null(说是就是说不是就不是)它们是空指针)
        }
字符串的方法:
  • concat() :将两个或多个字符的文本组合起来,返回一个新的字符串。

  • indexOf():返回字符串中一个子串第一处出现的索引 没有匹配项,返回 -1

  • charAt():返回指定位置的字符。

  • lastIndexOf():返回一个子串最后一处出现的索引,没有匹配项,返回 -1

  • match():检查一个字符串是否匹配一个正则表达式。

  • substring():返回字符串的一个子串。传入参数是起始位置和结束位置。

  • replace(): 用来查找匹配一个正则表达式的字符串,然后使用新字符串代替匹配的字符串

  • search(): 执行一个正则表达式匹配查找,查找成功返回字符串中匹配的索引值,否则返回 -1 。

  • slice(): 提取字符串的一部分,并返回一个新字符串。

  • split(): 通过将字符串划分成子串,将一个字符串做成一个字符串数组。

  • length:返回字符串的长度,所谓字符串的长度是指其包含的字符的个数

toLowerCase() – 将整个字符串转成小写字母。
toUpperCase() – 将整个字符串转成大写字母

数组的方法:
  • concat():连接两个或更多的数组,并返回结果。
  • join():把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
  • pop():删除并返回数组的最后一个元素
  • push():向数组的末尾添加一个或更多元素,并返回新的长度。
  • reverse():颠倒数组中元素的顺序。
  • shift():删除并返回数组的第一个元素
  • slice():从某个已有的数组返回选定的元素
  • sort():对数组的元素进行排序
  • splice():删除元素,并向数组添加新元素。
  • toSource():返回该对象的源代码
  • toString():把数组转换为字符串,并返回结果
  • toLocaleString():把数组转换为本地数组,并返回结果。
  • unshift():向数组的开头添加一个或更多元素,并返回新的长度。
  • valueOf():返回数组对象的原始值
Math()方法:
舍入方法:

Math.ceil():执行向上舍入,即它总是将数值向上舍入为最接近的整数。
Math.floor():执行向下舍入,即它总是将数值向下舍入为最接近的整数。
Math.round():执行标准舍入,即它总是将数值四舍五入为最接近的整数。

方 法 说 明 :
  • Math.abs(num):返回num的绝对值

  • Math.exp(num):返回Math.E的num次幂

  • Math.log(num):返回num的自然对数

  • Math.pow(num,power):返回num的power次幂

  • Math.sqrt(num):返回num的平方根

  • Math.acos(x):返回x的反余弦值

  • Math.asin(x):返回x的反正弦值

  • Math.atan(x):返回x的反正切值

  • Math.atan2(y,x):返回y/x的反正切值

  • Math.cos(x):返回x的余弦值

  • Math.sin(x):返回x的正弦值

random()方法

Math.random()方法返回介于0到1之间一个随机数,不包括0和1。如果想大于这个范围的话,可以套用一下公式:
值 = Math.floor(Math.random() * 总数 + 第一个值)

例:alert(Math.floor(Math.random() * 10 + 1)); //随机产生1-10之间的任意数
返回x的正弦值
Math.tan(x)
返回x的正切值

在javascritp中,有两个关于定时器的专用函数,分别为:

1.倒计定时器:timename=setTimeout("function();",delaytime);
2.循环定时器:timename=setInterval("function();",delaytime);

<script> //定时器 异步运行 function hello(){ alert("hello"); } //使用方法名字执行方法 var t1 = window.setTimeout(hello,1000); var t2 = window.setTimeout("hello()",3000);//使用字符串执行方法 window.clearTimeout(t1);//去掉定时器 </script>

循环中加事件,事件中使用i 怎样解决?
1.添加自定义属性
2.用封闭空间

循环中用定时器,定时器中使用i 怎样解决?
使用封闭空间
封闭空间作用:解决i的问题 解决变量名冲突的问题

如何获取非表单元素的内容

inner.html

如何获取表单元素的内容

value
es6中拼接字符串都用反引号${}

Form表单和Ajax的区别:
  1. Ajax在提交、请求、接收时,都是异步进行的,网页不需要刷新;
    Form提交则是新建一个页面,哪怕是提交给自己本身的页面,也是需要刷新的;

  2. Ajax提交是通过js来提交请求,请求与响应均由js引擎来处理,页面不会刷新,
    用户感觉不到实际上浏览器发出了请求;

  3. Ajax在提交时,是在后台新建一个请求;
    Form却是放弃本页面,而后再请求;

  4. Ajax必须要使用JS来实现,不启用JS的浏览器,无法完成该操作;
    Form却是浏览器的本能,无论是否开启JS,都可以提交表单;

  5. Ajax在提交、请求、接收时,整个过程都需要使用程序来对其数据进行处理;
    Form提交时,却是根据你的表单结构自动完成,不需要代码干预.

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

推荐阅读更多精彩内容

  • js基础篇(三)——DOM的各种操作js基础篇(二)——字符串的各种操作 1. 创建数组 创建一个数组,有三种方法...
    hanyuntao阅读 1,622评论 0 14
  • 一、数组 数组是一个有序列表,所以有下标. 并且数组在js中可以存在任意类型的数据.并且同一个数组中可以存放不同的...
    空谷悠阅读 509评论 0 1
  • 人生苦短如梦般迷迷茫茫,我们是该怎么去度过这短短一生! 在这时间的流沙里我们想要的,不想要的时间都会带给我们。 播...
    修我心阅读 196评论 0 1
  • 管理学院有句名言:一只狼领导羊,能打败一只羊领导的狼。这句话说明卓越领导者的重要性。想成为卓越领导者,必须具备这四...
    沙里淘金阅读 197评论 0 0