javaScript入门

初始javascript

js的组成:
  • ECMsript:主要规定了js的组成、引入方式、命名规范、变量、数据类型、基本语法、操作语句
  • DOM:document object model 文档对象模型(可以识别文档,操作html)
  • BOM: borwser object model 浏览器对象模型 (就是浏览器)

先加载css再加载html,最后加载js,这是一个简单的习惯(规范)

js一般在body的后面

js的引入方式

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

js的注释

  • 单行注释是双斜杠 //单行注释
    -多行注释是双斜杠加两个*号 /* 很多行代码 */

js的输出方式

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

获取DOM元素与操作DOM

DOM指的是html节点
1.通过id获取元素
document.getElementById("box");
2.修改html标签中的内容

  • innerText:可以识别文本,不可以识别标签
    ·document.getElementById("box");oDiv.innerText="<h2>硬件一班</h2>"
  • innerHTML:可以识别标签
    document.getElementById("box");oDiv.innerHTML="<h2>硬件一班</h2>"
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容