html属性 id去重,JS相关知识点总结
一、获取元素方法
1、document.getElementById("元素id号");
可以使用内置对象document上的getElementById方法来获取页面上设置了id属性的元素,获取到的是一个html对象,然后将它赋值给一个变量。如下:
上面的语句,如果把javascript写在元素的上面,就会出错,因为页面是从上往下加载执行的,javascript去页面上获取元素div1的时候,元素div1还没有加载,解决方法有两种
2、document.getElementsByTagName()获取的是一个选择集,不是数组,但是可以用下标的方式操作选择集里面的dom元素
二、操作元素属性
1、获取页面的元素,就可以对页面元素的属性进行操作,属性的操作包括属性的读和写。
操作属性的方法:a、"."操作 b、"[ ]"操作
属性的写法如下:
a、html的属性和js里面的属性写法一样
b、class属性写成"className"
c、"style"属性里面的属性,有横杠的写成驼峰式。比如:"font-size"改成"style.fontSize"
举例说明:通过"."操作属性
b、class属性写成"className"
c、"style"属性里面的属性,有横杠的写成驼峰式。比如:"font-size"改成"style.fontSize"
举例说明:通过"[ ]"操作属性
innerHTML 可以读取或者写入标签包裹的内容
三、JS函数
函数就是重复执行的代码片
1、函数定义与执行
2、变量与函数预解析
JavaScript解析过程分为两个阶段,先是编译阶段,然后是执行阶段,在编译阶段会将function定义的函数提前,并且将var定义的变量声明提前,将它赋值为undefined.
3、提取行间事件
在html行间调用的事件可以提取到javascript中调用,从而做到结构与行为分离。
4、匿名函数
定义的函数不给名称,这个叫匿名函数,可以将匿名函数直接赋值给元素绑定的事件来完成匿名函数的调用。
5、函数传参
6、函数'return'关键字
函数中'return'关键字的作用:
a、返回函数执行的结果
b、结束函数的运行
c、阻止默认行为
七:条件语句
通过条件语句来控制程序的走向,就需要用到条件语句
运算符:
1、算术运算符:+(加)、-(减)、*(乘)、/(除)、%(求余)
2、赋值运算符:=、+=、-=、*=、/=、%=
3、条件运算符:==、===、>、>=、
if else
switch(对于多重条件的话,使用switch,因为switch性能更高)
八、数组及操作方法
数组就是一组数据的集合,javascript中,数组里面的数据可以是不同类型的。
定义数组的方法
1、对象的实例化创建:var aList = new Array(1,2,3);
2、直接量创建:var aList2 = [1,2,3,'abc'];
操作数组中的数据的方法
1、获取数组的长度:aList.length;
2、用下标操作数组的某个数据:aList[0];
3、join()将数组成员通过一个分隔符合并成字符串
4、push()和pop()从数组最后增加成员或删除成员
5、unshift()和shift()从数组前面增加成员或删除成员
6、reverse()将数组反转
7、indexOf()返回数组中元素第一次出现的索引值(查找数组中第一次出现该值所在的索引号)
8、splice()数组中增加或删除成员 splice(m,n,a,b,c,d)从第m个元素开始,删除n个元素,然后在此位置增加'a,b,c,d'四个元素
多维数组
多维数组指的是数组的成员也是数组的数组
数组去重
九、循环语句
程序中进行有规律的重复性操作,需要用到循环语句。
for循环
while循环(不常用)
十、Javascript组成
1、ECMAscript javascript的语法(变量、函数、循环语句等语法)。
2、DOM文档对象模型,操作html和css的方法。
3、BOM浏览器对象模型,操作浏览器的一些方法。
十一、字符串处理方法
1、字符串合并操作:"+"
2、parseInt()将数字字符串转换为整数
3、parseFloat()将数字字符串转换为小数
4、split()把一个字符串分隔成里面的某个字符串组成的数组
5、charAt(索引值)获取字符串中的某一个字符
可以用来检验是否为id选择器
6、indexOf()查找字符串中是否含有某字符,找到就输出字符串出现的位置,找不到输出-1
7、substring()截取字符串用法:substring(start,end)(不包括end)
如:获取地址栏中的id号
8、toUpperCase()字符串转大写
9、toLowerCase()字符串转小写
用最快的方法把一个字符串反转
首先把该字符串转换为数组,然后对数组进行反转,最后把数组通过分隔符连接起来
十二、 调试程序的方法
1、alert
2、console.log();
3、document.title
十三、类型转换
1、parseInt和parseFloat
2、隐式转换"=="和"-"
3、NaN和isNaN
前端知识点-JS相关知识点
1.谈谈你对Ajax的理解?(概念.特点.作用) AJAX全称为"Asynchronous JavaScript And XML"(异步JavaScript和XML) 是指一种创建 ...
【干货】JS相关知识点总结
一.获取元素方法 可以使用内置对象document上的getElementById方法来获取页面上设置了id属性的元素,获取到的是一个html对象,然后将它赋值给一个变量.如下: 上面的语句,如果把j ...
JS重要知识点
这里列出了一些JS重要知识点(不全面,但自己感觉很重要).彻底理解并掌握这些知识点,对于每个想要深入学习JS的朋友应该都是必须的. 讲解还是以示例代码搭配注释的形式,这里做个小目录: JS代码预解析原 ...
JS重要知识点(转载 学习中。。。)
这里列出了一些JS重要知识点(不全面,但自己感觉很重要).彻底理解并掌握这些知识点,对于每个想要深入学习JS的朋友应该都是必须的. 讲解还是以示例代码搭配注释的形式,这里做个小目录: JS代码预解析原 ...
JS 进阶知识点及常考面试题
将会学习到一些原理相关的知识,不会解释涉及到的知识点的作用及用法,如果大家对于这些内容还不怎么熟悉,推荐先去学习相关的知识点内容再来学习原理知识. 手写 call.apply 及 bind 函数 涉及 ...
js基础系列框架:JS重要知识点(转载)
这里列出了一些JS重要知识点(不全面,但自己感觉很重要).彻底理解并掌握这些知识点,对于每个想要深入学习JS的朋友应该都是必须的. 讲解还是以示例代码搭配注释的形式,这里做个小目录: JS代码预解析原 ...
http及浏览器相关知识点归纳
http是应用层协议,采用请求/响应模型 1.浏览器地址栏输入URL地址后发生了什么? 浏览器判断地址是否是合理的URL地址,是否是http协议请求,如果是则进入下一步 浏览器对此URL进行缓存检查: ...
React其它相关知识点
React其它相关知识点 一,解释一下React Fiber? 简单来说,核心就是在虚拟dom和浏览器的调用栈之间多了一个虚拟调用栈,和虚拟dom一样,这个虚拟调用栈也是在内存中的,这个虚拟调用栈就类 ...
随机推荐
基于正则的INI读写工具类,支持加密解密
看到这个标题,有人会问,现在都用xml做配置文件了,谁还用INI文件啊!下面来简单对比一下xml和ini: 1.XML功能强大表达能力强,同时扩展性好. 2.它的主要优势是异构平台的整合.通讯. 3. ...
【转载】非线性分析中的ansys跟踪显示
html属性 id去重,JS相关知识点总结相关推荐
- JS事件相关知识点整理
JS事件相关知识点整理 JS事件的驱动机制 常见JS事件 点击事件---onclick 焦点事件 获取焦点事件---onfocus 失去焦点事件----onblur 域内容改变事件---onchang ...
- js 闭包及其相关知识点理解
本文结合个人学习及实践,对闭包及相关知识点进行总结记录,欢迎读者提出任何不足之处 一.js变量 二.作用域(scope) 三.[[scope]] 和 scope chain 四.作用域(scope)和 ...
- 一文读懂JS继承相关知识点
一文读懂JS继承相关知识点 Javascript 面向对象编程(一):封装 一. 生成实例对象的原始模式 二. 原始模式的改进 三. 构造函数模式 四.构造函数模式的问题 五. Prototype模式 ...
- 前端开发:JS相关的核心知识点
前言 在前端开发过程中,有三驾马车组成:JS.CSS.HTML,JS负责页面交互,CSS负责页面样式,HTML负责页面结构,这三大块也是在实际开发中必备内容,关于三者所起到的作用不用说读者就知道.本文 ...
- js对象数组 按对象的某一属性进行去重
var array = [{ id: 1, name: "张三"},{ id: 2, name: "李四"},{ id: 3, name: "张龙&q ...
- GAN相关知识点 - 纳什均衡、模型崩塌、WGAN原理、EM 距离、JS 散度等
GAN相关知识点 - 纳什均衡.模型崩塌.WGAN原理.EM 距离.JS 散度等 一.纳什均衡 二.GAN 训练难题 三.WGAN 原理 一.纳什均衡 现在我们从理论层面进行分析,通过博弈学习的训练方 ...
- java基础教程知识点,[Java教程]js基础知识点总结
[Java教程]js基础知识点总结 0 2016-11-01 21:00:04 如何在一个网站或者一个页面,去书写你的js代码: 1.js的分层(功能):jquery(tool) 组件(ui) 应用( ...
- Get Offer —— 渗透测试岗试题汇总(Web相关知识点)
点赞后看,养成习惯 喜欢的话 可以点个关注哟 你们的点赞支持对博主们来说很重要哦 !!! 为方便您的阅读,可点击下方蓝色字体,进行跳转↓↓↓ 00 前情提要 01 Web相关知识点 1.漏洞类 2.情 ...
- input类型为 file 的相关知识点总结和使用
input类型为 file 的相关知识点 type为file的是文件上传的类型.使用户可以选择一个或多个元素以提交表单的方式上传到服务器上. <input type="file&quo ...
最新文章
- 关于linux内核的wait等待事件和wakeup的核心原理
- Python批量将ppt转换为pdf
- aws php 上传文件 限制大小_如何压缩PDF文件大小,满足各种上传大小要求
- DeepMind用ReinforcementLearning玩游戏
- Android之判断手机黑屏以及锁屏
- Linux笔记-centos7替换yum及编译安装mydumper
- Service startService方式的服务
- 图片资源添加出现问题: No resource found that matches the given name
- IIS服务器证书的导入 IIS 5、IIS 6、IIS 7
- 论文赏析[EMNLP19]用控制任务来设计并解释探测任务
- MATLAB的人工神经网络应用
- 招聘中的热门技术技能:SQL、Java、Python 和 Linux
- 一个基于WinHttp的轻量级的分片下载库介绍
- 挪威是这样养三文鱼的--转帖
- 史上最全——QQ秘籍之全攻略
- Http常用请求方法
- SaaSBase:推荐一些超好用的低代码开发软件(中篇)
- 无线802.1x认证服务器,TP-Link无线路由器+Radius认证服务器实现无线终端802.1X认证...
- C++设计模式 - 观察者模式(Observer)
- PostgreSQL 全文检索加速 快到没有朋友 - RUM索引接口(潘多拉魔盒)
热门文章
- Windows server 2019 网卡互联网检测服务
- Ubuntu GitLab仓库服务器搭建 No command ‘deb‘ found, did you mean(转载)
- Qt保存QTextEdit内存至.txt文件中
- 2020年高教社杯全国大学生数学建模竞赛 C题思路
- juniper:SRX-产品简介
- 治五气,艺五种,抚万民,度四方
- HEVC解码器解码出现failed to open bitstream file ‘str.bin‘ for reading的问题解决方法记录
- ICDsoft主机半价优惠码推荐
- 【UV打印机】电气之负压系统(二)
- synchronized锁升级那点事