JavaScript入门(一)

初始JavaScript

js的组成:

ECMAScript:朱啊哟规定了js的组成、引入方法、命名规范、输出方式、变量、数据类型、基础语法、操作语句

  • DOM : document object model 文档对象模型(可以认识别文档,才做HTML)
  • BOM : borwser object model 浏览器对象模型(就是浏览器)

页面的加载顺序:

先加载css,再加载html,最后加载js,这是一个规范(习惯)。
js代码一般在body的后边

JS的引入方式

  • 行内式,和html写在一行
  • 内嵌式,内嵌再html结构中
  • 外链式,引用一个js文件
// 行内式
<input type="button" value"按钮" onclick="alet(1)">
//内嵌式
<script>
alert(2)
</script>
//外链式
<sctipt src="./demo.js"></script>

JS的注释

  • 单行注释是双斜杠“//单行注释”
    码*/’
  • 多行注释是双斜杠加两个号‘/很多行代

JS的输出方式

  • 弹框输入'alert(1)'
  • 在控制台打印'console.log(123)'
  • 在页面中输出'document.write("I LOVE CODING ")'

获取DOM元素与操作DOM

DOM指的是HTML节点

  1. 通过id获取元素'doument.getElementByld("box");'
    2.修改html标签中的内容
  • innerHTML:可以识别标签
    document.getElementByld("box")innerText = "<h2>硬件一班</h2>"
  • innerHTML:可以识别标签
    document.getElementBYld(box).innerHTML = "<h2>硬件一班</h2>"
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • js的组成: ECMAScript:主要规定了js的组成,引入方式,命名方式,输出方式,变量,数据类型,基本语法,...
    川显阅读 151评论 0 0
  • js的组成: ECMAScripy:主要规定了js的组成、引入方式、命名规范、输出方式、变量、数据类型、基本语法、...
    风梳烟沐_24d3阅读 165评论 0 1
  • 初识JavaScript JS的组成 ECMAScript:主要规定了js的组成、引入方式、命名规范、输出方式、变...
    咖_啡阅读 335评论 0 7
  • 初识JavaScript js的组成: ECMAScript:主要规定了js的组成、引入方式、命名规范、输出方式、...
    柠檬骚年阅读 147评论 0 1
  • js的组成: ECMAScript : 主要规定了js的组成、引入方式、命名规范、输出方式。变量、数据类型、基本语...
    暗yin阅读 121评论 0 1