js的入门基础

78 阅读1分钟

js的入门基础

js的组成

完整的javaScript是由ECMAScript(语法)Browser Objects(DOM、BOM)(特性)组成的。

什么是BOM

BOM是Browser Object Model的简写,既浏览器对象模型。 BOM由一系列对象组成,是访问、控制、修改客户端(浏览器)的属性的方法。 BOM没有统一的标准(每种客户端都可以自定标准)。 BOM的顶层是window对象。

什么是DOM

DOM是Document Object Model的简写,既文档对象模型。 DOM由一系列对象组成,是访问、检索、修改XHTML文档内容与结构的标准方法。 DOM是跨平台与跨语言的。 DOM用于XHTML、XML文档的应用程序接口(API)。 DOM提供一种结构化的文档描述方式,从而使HTML内容使用结构化的方式显示。 DOM标准是由w3c制定与维护www.w3.org/DOM/ DOM的顶层是document对象

内部引用javaScript

<head>
        <script type="text/javascript">
                 //js代码
        </script>
</head>

w外部引用javaScript

屏幕截图 2022-06-12 145109.png

屏幕截图 2022-06-12 145127.png

说明:通常 JavaScript文件可以使用script标签加载到网页的任何 一个地方,但是标准的方式是加载在head标签内。

内嵌引用JavaScript

  1. 通过onclick来调用
<div onclick="alert('我被点击了')">
			
</div>

2.通过JavaScript来调用

<a href="javascript:alert('我是用javascript调用的')">javascript</a>
	<form action="javascript:alert('数据提交成功!!')">
		<input type="submit" name="" id="" value="提交" />
	</form>

JavaScript语法基本要素

  • 区分大小写
  • 变量不区分类型
  • 每条语句结尾可以省略分号
  • 注释与C,C++,java,php相同
  • 代码段要封闭

JavaScript的注释

  • //单行注释
  • /*多行注释 */

JavaScript的常用语句

<script type="text/javascript">
    //01 alert()
    //widow.alert("我是window自带的方法alert()")
    //02 prompt() 提示框
    //window.prompt("请输入年龄",18)
    //03 window.confirm 确认框
    //window.confirm("你确定要删除吗?")
    //04 document.wright 输入至body
    //window.document.write("写入body的内容")
</script>