JS常用标签
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.对象
<script type=”text/javascript”>
function hero(){
This.name=’李逵’;
This.skill=function(){
Alert(‘大斧子’);
}
}
var obj =new hero();
alert(obj);
for(var attr in obj){
Console.log(obj[attr]);
}
</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():默认按照字符的顺序进行排序,可以用自定义函数进行定义升序降序
<script yupe=”text/javascript”>
Var arr1=[120,113,56,34,21,10];
Arr1.sort(mysort);
Console.log(arr1);
//以下进行定义降序
Function mysort(a,b){
Return b-a;
}
</script>
toString()
将数组转换成字符串
<script type=”text/javascript”> Var arr1=[‘曼联队’,’皇马队’,’巴西队’,’英超队’]; Var str=arr1.tostring(); Console.log(str); </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)平方根运算
<script type=”text/javascript”> Var res =math.pow(,); //输出2的3次方 Console.log(res); </script>Match()
JS常用标签的更多相关文章
- HTML---引入css,js | 常用标签示例
一.前端基础包括哪些?如何理解 二.css,js引入_及head中其他标签 三.特殊符号 四.常见的标签 4.1,form表单 4.2,input系列(单选框.复选框.input传文件.重置) 4.3 ...
- HTML常用标签总结
HTML 的常用标签总结 <font size="字体大小1-7" color="red或0xff00ff" face="字体类型(楷体等)&q ...
- 前端之常用标签和CSS初识
外层div的宽度是100%,就是视口的大小,当视口被拉窄到小于内层div的宽度980px时,比如800px,此时 外层div宽度为800px,内层div宽度依然为980px,而css中只设置了外层di ...
- HTML之一天学会html(常用标签+网页架构)
1. 网页文件的创建 新建一个文本文件,将其命名为xxx.html或者xxx.htm(注意后缀名) 2. 简单的html页面的编写 在网页中都是通过标签来指定相应的显示内容,所有的页面内容都必须在 ...
- html(常用标签,标签分类),页面模板, CSS(css的三种引入方式),三种引入方式优先级
HTML 标记语言为非编程语言负责完成页面的结构 组成: 标签:被<>包裹的由字母开头,可以结合合法字符( -|数字 ),能被浏览器解析的特殊符号,标签有头有尾 指令:被<>包 ...
- web@前端--html,css,javascript简介、第一个页面(常用标签简介)
1.什么是标签#1.在HTML中规定标签使用英文的的尖括号即`<`和`>`包起来,如`<html>`.`<head>`.`<body>`都是标签,#2. ...
- HTML常用标签及属性
标签格式 格式: 双边:<标签名 属性1="值1" 属性2='值2' 属性3=值3>内容</标签名> 单边:<标签名 属性1="值1&quo ...
- html 常用标签 a form input 标签 等等等
前端HTML HTML介绍 Web服务本质 import socket sk = socket.socket() sk.bind(("127.0.0.1", 8080)) sk ...
- HTML(简介及常用标签)
一.HTML简介 1.1 html是什么? 超文本标记语言(Hypertext Markup Language,HTML)通过标签语言来标记要显示的网页中的各个部分.一套规则,浏览器认识的规则. 浏览 ...
随机推荐
- (四十三)c#Winform自定义控件-Listview-HZHControls
官网 http://www.hzhcontrols.com 前提 入行已经7,8年了,一直想做一套漂亮点的自定义控件,于是就有了本系列文章. GitHub:https://github.com/kww ...
- Python中为什么不能用可变对象作为默认参数的值
def func(numbers = [], num=1): numbers.append(num) for number in numbers: print(number) func() >& ...
- 剑指offer笔记面试题9----用两个栈实现队列
题目:用两个栈实现一个队列.队列的声明如下,请实现它的两个函数appendTail和deleteHead,分别完成在尾部插入节点和在队列头部删除节点的功能. 测试用例: 往空的队列里添加.删除元素. ...
- 【Unity】 关于Package Manager 无限加载的问题(Loading Packages),以及可能的解决办法(待补充。)
·版本:2019.1.8f 官方论坛对于此问题的讨论:地址>Package Manager 许多人都遇到了这个问题,但是无法定位问题出在哪里.官方技术人员提供了一个名为 Package Mana ...
- JavaScript中的this绑定丢失及解决方法
经常犯的错误:混淆了this绑定规则. 代码如下: var obj = { id: 'vexekefo', cool() { console.log(this.id); } }; var id = ' ...
- Spring Boot 2 + Thymeleaf:服务器端表单验证
表单验证分为前端验证和服务器端验证.服务器端验证方面,Java提供了主要用于数据验证的JSR 303规范,而Hibernate Validator实现了JSR 303规范.项目依赖加入spring-b ...
- cssW3c书写规范
书写规范:{ 1.选择器名和{大括号之间必须空格(p {}) 2.属性名与之后的:之间不允许空格,:与属性值之间必须空格( p{font-size: 20px;}) 3.并集选择器的每个选择器声明必须 ...
- PHP生成唯一ID
前言 PHP uniqid()函数可用于生成不重复的唯一标识符,该函数基于微秒级当前时间戳.在高并发或者间隔时长极短(如循环代码)的情况下,会出现大量重复数据.即使使用了第二个参数,也会重复,最好的方 ...
- [PHP] 解决php中上传大文件的错误
修改nginx配置文件,下面这个参数client_max_body_size 110M; 修改php配置文件中下面两个参数在php.ini中找到下面两个配置,配置项给改大,如果找不到php.ini的位 ...
- 004 C/C++ 数据类型_类型别名
#include "stdio.h" #include "stdlib.h" //这里定义了一个结构体. struct MyStruct1 { int a; f ...