栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

JavaScript入门篇笔记

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

JavaScript入门篇笔记

认识Javascript

Javascript:

  • 所有主流浏览器都支持Javascript
  • 目前,全世界大部分网页都使用Javascript
  • 它可以让网页呈现各种动态效果
  • 做为一个Web开发师,如果你想提供漂亮的网页、令用户满意的上网体验,Javascript是必不可少的工具
  • 易学性,从基础语法到使用DOM进行简单操作

如何写入JS代码:

// 写在script标签中


// 写在外部中 -> 文件名.js 

常见语法:


一些api(可以理解为自带的方法):


DOM(文档对象模型),三种常见的DOM节点:

  • 元素节点:、、

    等都是元素节点,即标签。

  • 文本节点:向用户展示的内容,如
  • ...
  • 中的Javascript、DOM、CSS等文本
  • 属性节点:元素属性,如标签的链接属性href="http://www.imooc.com"
document.getElementById(“id”)  //  获取ID为id的元素
// 除了getElementById通过ID获取元素,还有,
// getElementsByClassName(通过类名获得元素)
// getElementsByTagName(通过标签名获得元素)
// querySelector(通过选择器获得元素)
// querySelectorAll(通过选择器获得元素)

Object.innerHTML  // 获取Object的内容,Object是通过上述方法获得的元素

var mychar = document.getElementById("pcon");  //  改变元素样式
mychar.style.color="red";
mychar.style.fontSize="20";
mychar.style.backgroundColor ="blue";

Object.style.display = true | false(隐藏)  // 设置元素显示和隐藏

object.className = classname  //  获取设置元素的类名

更多API参考,可以查看MDN document 接口

转载请注明:文章转载自 www.mshxw.com
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号