美文网首页
2018-12-25 js基础

2018-12-25 js基础

作者: 太阳出来我爬山坡 | 来源:发表于2018-12-25 17:22 被阅读0次

JS 一些注意事项:

严格区大小写
每一行完整语句后面加分号
变量名不能使用关键字和保留字
代码要缩进,保持可读性

  1. 首先获取id为xxx的元素
    document.getElementById(“”);
  2. var 是 js 定义变量的关键字
  3. innerHTML 和 innerText 可以修改/获取

JS 获取元素

id
document.getElementById(“”);
通过id获取元素
class
document.getElementsByClassName(“”);
通过class名字获取元素
tagName
document.getElementsByTagName(“”);
通过标签名获取元素

name
document.getElementsByName(“”);
通过 name的属性获取元素,一般用于input
selector
document.querySelector (“”); 通过CSS选择器获取一个
document.querySelectorAll(“”);通过CSS选择器获取所有

JS的基础事件
onclick 单击事件
ondblclick双击事件
onmouseenter鼠标划入
onmouseleave鼠标划出
onresize窗口变化
onchange改变下拉框

JS修改样式
Obj.style[变量]=变量值
请注意,标签属性分为两种
合法属性和自定义属性(元素自带的通用的,自定义name id class)

数据类型
string字符串
number数字
boolean布尔
undefined未定义
null空
object对象
null类型进行typeof操作符后,结果是object,
原因在于,null类型被当做一个空对象引用

相关文章

  • 2018-12-25 js基础

    JS 一些注意事项: 严格区大小写每一行完整语句后面加分号变量名不能使用关键字和保留字代码要缩进,保持可读性 首先...

  • React-Native 随笔

    学习基础: js的基础知识, rect.js基础 JSX语法基础 FlexBox布局 安装 安装node.js下载...

  • 最新web前端相关课程学习链接

    js基础篇 js进阶篇 js高级篇 vue基础篇 vue高级篇 react基础 react高级 Nodejs基础 ...

  • 2018-12-26

    2018-12-25 漫步蔷薇藤下 字数 459 · 阅读 7 2018-12-25 23:57 实践重于知识!“...

  • web前端 -- Day23 js高级

    js基础 JavaScript简称:JS JS分三个部分: ECMAScript标准---基础的语法 DOM D...

  • 前端JavaScript面试技巧

    1-1 课程概述 要做什么?——讲解前端 JS 基础面试题 哪些部分?——JS 基础,JS-WEB-API,JS ...

  • 4/07day28_js基础

    day28_js基础 回顾 JS基础语法 JS运算符 JS流程控制语句 条件语句 JS的条件语句和Java语法基本...

  • 2018-12-20

    1.01.尚硅谷_JS基础_JS简介(1) 10.10.尚硅谷_JS基础_Null和Undefined(10) 1...

  • JS基础和WebAPIs的关联性

    学习ECMAscript标准规定的基本语法掌握JS基础语法只学习JS基础做不了网页交互效果学习JS基础语法是为了后...

  • 2019-07-27 前端面试题

    1.js的基础类型 js的基础类型包括 Undefined , Null , String ,Number ,...

网友评论

      本文标题:2018-12-25 js基础

      本文链接:https://www.haomeiwen.com/subject/ojaflqtx.html