首页 > 代码库 > js基础第一天

js基础第一天

啦啦啦,学习js第一天,其实之前就对js的基础有所了解,但总是感觉稀里糊涂的,很是苦恼啊。这次我打算把学习速度放慢,学细,学会。上午写了一个小案例,所以今天整理的不多

js介绍
js是一款运行在客户端的网页编程语言
 
 
js的组成部分
ecmascript   js标准(核心)
简单点说,ecmascipt描述了以下内容:语法、类型、语句、关键词、保留字、运算符、对象。
 
DOM   通过js操作网页元素(文档对象模型)
DOM通过创建树来表示文档,从而使开发者对文档的内容和结构具有空前的控制力。用DOM API可以轻松地删除,添加和替换节点。
<html>
  <head>
    <meta charset="UTF-8"></meta>
    <title>头部</title>
  </head>
  <body>
    <p>hello world!</p>
  </body>
</thml>

这段代码可以用dom绘制成一个节点层次图:

技术分享

 

 BOM   通过API操作浏览器 (浏览器对象模型)

BOM主要处理浏览器窗口和框架,不过通常浏览器特定的javascript扩展都被看做BOM的一部分。这些扩展包括:
1、弹出新的浏览器窗口
2、移动、关闭浏览器窗口以及调整窗口大小
3、提供用户屏分辨率想想的屏幕对象
4、对cookie的支持
5、IE扩展了BOM,加入了ActiveXObject 类,可以通过JavaScript,实例化ActiveX对象
 
js书写方式
 
内嵌式
<head>
  <script type="text/kavascropt">
    alert(11)
  </script>
</head>
js在<head>之间
有时候不需要一载入HTML,就马上运行JS,而是用户点击HTMLz中的某歌对象,触发一个事件,才需要调用js。这个时候通常将js放在html中的<head>里面
 
js在<body>之间
当浏览器载入网页Body部分的时候,就执行其中的javascript语句,执行之后输出内容
 
外链
<script src=http://www.mamicode.com/"1.js"></script>
1、创建一个外部Js文件
2、通过src将外部Js调用
3、写Js代码的时候,分号不能省略
4、将js代码写在html结束标签后面

js基础第一天