1.由来

JavaScript的出现就是为了解决,不需要将所有的表单数据全部提交到服务器.

2.添加

加载Js代码的三种方式:

第一种:<script></script>标签里面(类似于css的类的形式)

第二种: 嵌套在html的标签中(类似于style的形式)

第三种:直接调用类<script src=”js文件路径”></script>(项目中这样使用的 分离不同类型的代码)

3.标签

1.document.write() ---会将数据显示到网页的body里面

2.document.title-------输出到title里面

3.JavaScript中函数的参数可以通过arguments数组进行管理,也就是说,可以不用写形 式参数,Arguments是一个默认的数组,第一个实际参数会自动保存到arguments数组 的第一个元素,第二个参数会自动保存到数组的第二个元素,依次类推。类似于:

Function f1(){

Alert(arguments[0]);

Alert(arguments[1]);

}

F1(“张三”,”李四”);

4.在函数内部,加var的话,就是默认表示的是局部变量,没有var的话就是全局变量

4.闭包

1.闭包就是父级元素利用子集元素的结果。

2.null的类型为对象;

如果你现在正在纠结是否继续学前端,如果你害怕半途而废不知道从何开始,如果你觉得这篇文章对你还是有很大帮助的话,不介意的话可以加下我刚刚建立的一个学习交流群,有很多相关资料和学习视频:907694362

5.对象

  1. <script type=”text/javascript”>
  2. function hero(){
  3. This.name=’李逵’;
  4. This.skill=function(){
  5. Alert(‘大斧子’);
  6. }
  7. }
  8. var obj =new hero();
  9. alert(obj);
  10. for(var attr in obj){
  11. Console.log(obj[attr]);
  12. }
  13. </script>

6.数据类型

String():强制转换成字符串

Number():强制转换成数值

parseInt():强制转换成整数

parseFloat():强制转换成小数

Bollean():强制转换成布尔类型

7.运算符号

逻辑运算符:&&  ||   !

8.数组函数

concat():concat()链接多个数组生成新的数组

Var arr3=arr1.concat(arr2);

join():将数组元素通过某个分隔符连接起来

Var str=arr1.join(‘,’);

针对于最后一个元素

push:向数组插入一个元素,保存在最后一个位置

pop: 把最后这元素弹出

针对于第一个元素

shift:删除第一个元素

unshift:向数组的开始位置插入一个元素

Arr1.shift();          //删除最后一个元素

Arr1.unshift(‘女足’);   //向数组的开始加入一个元素

reverse() 颠倒数组的顺序

Slice:从开始的位置截取到结束的位置,将截取的结果返回;输出的是截取的,

Splice():从开始的位置进行截取,将剩下的结果进行输出

Slice与splice都是切割的,不过

Slice是输出进行截取的,

Splice是输出截取的扔掉,要的是剩下的结果。

Sort():默认按照字符的顺序进行排序,可以用自定义函数进行定义升序降序

  1. <script yupe=”text/javascript”>
  2. Var arr1=[120,113,56,34,21,10];
  3. Arr1.sort(mysort);
  4. Console.log(arr1);
  5. //以下进行定义降序
  6. Function mysort(a,b){
  7. Return b-a;
  8. }
  9. </script>

  

toString()

将数组转换成字符串

    1. <script type=”text/javascript”>
    2.  
    3. Var arr1=[‘曼联队’,’皇马队’,’巴西队’,’英超队’];
    4.  
    5. Var str=arr1.tostring();
    6.  
    7. Console.log(str);
    8.  
    9. </script>

    9.字符串函数

    indexOf                   是返回的下标

    lastindexOf()           是说返回上次的下标

    Split()                     元素1:分隔号 元素2:返回几个元素

    Replace(x,y)            进行替换,将x替换为y

    charsAt()                  索引为n的元素是多少

    Slice()                     输出的是包含的

    Splice()                   是包含的进行删除。

    Substr()                  元素1:开始元素的下标 元素2:长度

    Substring()             元素1:开始元素的下标 元素2:结束元素的下标

    toLowerCase()        变成小写

    toUpperCase()        变成大写

    toString()                 变成字符串

    10.数学对象

    Math.abs()对于数值进行求取绝对值

    <script type=”text/javascript”>

    Var num=-90;

    Var res =math.abs(num);

    Console.log(res);

    </script>

    Math.ceil()对于数值进行进一取整

    Math.floor()对于数值进行降一取整

    Math.round()四舍五入进行取整

    Math.max()进行求取最大值

    Math.min()进行求取最小值

    Math.pow(x,y)幂运算

    Math.random()随机数0~1的数字

    Math.sqrt(x)平方根运算

    1. <script type=”text/javascript”>
    2.  
    3. Var res =math.pow(,); //输出2的3次方
    4.  
    5. Console.log(res);
    6.  
    7. </script>Match()
    8.  

JS常用标签的更多相关文章

  1. HTML---引入css,js | 常用标签示例

    一.前端基础包括哪些?如何理解 二.css,js引入_及head中其他标签 三.特殊符号 四.常见的标签 4.1,form表单 4.2,input系列(单选框.复选框.input传文件.重置) 4.3 ...

  2. HTML常用标签总结

    HTML 的常用标签总结 <font size="字体大小1-7" color="red或0xff00ff" face="字体类型(楷体等)&q ...

  3. 前端之常用标签和CSS初识

    外层div的宽度是100%,就是视口的大小,当视口被拉窄到小于内层div的宽度980px时,比如800px,此时 外层div宽度为800px,内层div宽度依然为980px,而css中只设置了外层di ...

  4. HTML之一天学会html(常用标签+网页架构)

    1.  网页文件的创建 新建一个文本文件,将其命名为xxx.html或者xxx.htm(注意后缀名) 2.  简单的html页面的编写 在网页中都是通过标签来指定相应的显示内容,所有的页面内容都必须在 ...

  5. html(常用标签,标签分类),页面模板, CSS(css的三种引入方式),三种引入方式优先级

    HTML 标记语言为非编程语言负责完成页面的结构 组成: 标签:被<>包裹的由字母开头,可以结合合法字符( -|数字 ),能被浏览器解析的特殊符号,标签有头有尾 指令:被<>包 ...

  6. web@前端--html,css,javascript简介、第一个页面(常用标签简介)

    1.什么是标签#1.在HTML中规定标签使用英文的的尖括号即`<`和`>`包起来,如`<html>`.`<head>`.`<body>`都是标签,#2. ...

  7. HTML常用标签及属性

    标签格式 格式: 双边:<标签名 属性1="值1" 属性2='值2' 属性3=值3>内容</标签名> 单边:<标签名 属性1="值1&quo ...

  8. html 常用标签 a form input 标签 等等等

    前端HTML   HTML介绍 Web服务本质 import socket sk = socket.socket() sk.bind(("127.0.0.1", 8080)) sk ...

  9. HTML(简介及常用标签)

    一.HTML简介 1.1 html是什么? 超文本标记语言(Hypertext Markup Language,HTML)通过标签语言来标记要显示的网页中的各个部分.一套规则,浏览器认识的规则. 浏览 ...

随机推荐

  1. PAT 1013 Battle Over Cities DFS深搜

    It is vitally important to have all the cities connected by highways in a war. If a city is occupied ...

  2. Mysql数据基本操作(增、删、改、查)

    一.数据库配置 # 通过配置文件统一配置的目的: 统一管理 服务端(mysqld).客户端(client) 1.配置mysqld(服务端)的编码为utf-8,再创建数据库的时候,默认编码都采用了utf ...

  3. ZooKeeper(三):请求处理链路的创建过程解析

    我们知道,zk就是一个个处理链组成的. 但是,这些处理链是在什么创建的呢? ZooKeeper 中有三种角色的服务节点存在: Leader, Follower, Observer . 而每个服务节点的 ...

  4. JQuery 获取元素到浏览器可视窗口边缘的距离

    获取元素到浏览器可视窗口边缘的距离 by:授客 QQ:1033553122 1.   测试环境 JQuery-3.2.1.min.js 下载地址: https://gitee.com/ishouke/ ...

  5. tableView代理方法执行顺序

    tableView代理方法执行顺序,随着iOS系统版本的不断升级,执行顺序也有所变化 1.iOS7.1中先依次调一遍heightForRow方法再依次调一遍cellForRow方法,在调cellFor ...

  6. 【入门级】Docker基础介绍(一)

    Docker发展 Docker目前有两个版本: 1.Docker EE:企业版 2.Docker CE:社区版 Open Container Initiative倡议,包含两个规范, 1.运行时规范: ...

  7. Linux系统学习 一、安装,调试

    环境 主机: Windows 10 虚拟机: VMware 15 Pro 镜像: 一.安装过程: 然后开启虚拟机 设置主机名 时区 密码 最小安装 等着 重启 登录 二.配置静态IP地址 输入ifco ...

  8. c++ 命令行执行

    常用命令如下 g++ -g -std=c++ a.cpp -std 指定c++的版本 -g 在可执行程序中包含标准调试信息 -o FILE 指定输出文件名,在编译为目标代码时,这一选项不是必须的.如果 ...

  9. [配置]VUE中通过process.env判断开发,测试和生产环境,并分环境配置不同的URL HOST

    本文链接:https://blog.csdn.net/tom_wong666/article/details/89763620 Tom哥的博客博文分类和索引页面地址:https://blog.csdn ...

  10. C++ class内类型重载,operator Type()

    #include <iostream> // operator Type() 类型操作符重载 // operator int() // operator double() // ... / ...