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="1.js"></script>

1、创建一个外部Js文件

2、通过src将外部Js调用

3、写Js代码的时候,分号不能省略

4、将js代码写在html结束标签后面

时间: 2024-10-10 14:58:46

js基础第一天的相关文章

js基础第一天 (全局变量,局部变量)

前言:今天我把变量这块内容单独放出来,是我觉的这也是个重点,我很早就知道变量这个东东,可惜一直半懂不懂的,每次出现复杂的写法我就蒙圈了,今天我利用的好长时间把这块内容弄明白. 初学者可以看看我下面的案例和详细解释,你们一定会恍然大悟,我今天就是这样的感觉.虽然每天进度很慢,但是每天都有收获,这就是积累成多. 现在感觉每天的时间不够用,时间过的超快.今天过的都不知道是星期几了. 声明全局变量 1.最外层执行环境下声明的变量是全局变量 2.不用var声明的变量是全局变量 全局变量特点:任何作用域下都

【 js 基础 】Javascript “继承”

是时候写一写 "继承"了,为什么加引号,因为当你阅读完这篇文章,你会知道,说是 继承 其实是不准确的. 一.类1.传统的面向类的语言中的类:类/继承 描述了一种代码的组织结构形式.举个例子:"汽车"可以被看作是"交通工具"的一种特例.我们可以定义一个 Vehicle 类和一个 Car 类来对这种关系进行描述.Vehicle 的定义可能包含引擎.载人能力等,也就是 所有交通工具,比如飞机.火车和汽车等都有的通用的功能描述.在对 Car 类进行定义的

js基础--javascript基础概念之语法

掌握一门语言 必须先掌握它的语法! javascript 的语法和C.Java.Perl 的语法有些相似.但是比它们更加宽松. javascript 中的一切都是严格区分大小写的.例如变量: demo 和 Demo 两个变量是完全不同的. javascript 标示符,所谓标示符 是指 变量.函数.属性 的名字或函数的参数.标示符的格式是按照以下规则组合的一个或多个字符. 1.第一个字符必须是字母,下划线,或 $ 符号. 2.其他字符可以是字母.下划线.$ . 或数字. 注意 不能把关键字 保留

js基础知识总结(2016.11.1)

js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避免全局变量和方法(命名空间,闭包,面向对象),模块化(seaJs,requireJs) 常用内部类:Data Array Math String HTML属性,CSS属性HTML:属性.HTML属性="值":CSS:对象.style.CSS属性="值"; class和f

js基础--javascript基础概念之数组(二)

js基础--javascript基础概念之数组 数组栈方法 数组可以像栈一样.栈是一种先进后出的数据结构,最先添加的数据最后一个出来.栈方法添加数据也称为 推入  移除数据称为 弹出. js为数值栈方法提供了 push()   和  pop() ;  两个方法. push() push() 方法接受参数就是你要添加进入到数组的值.push()  方法会将他们逐一添加到数组的末尾  数组的length属性会跟着更新数据. *push(多个数组元素值) 返回的修改后的数组长度 var array =

JS基础知识回顾:引用类型(一)

在ECMAScript中引用类型是一种数据结构,用于将数据和功能组织在一起,而对象时引用类型的一个实例. 尽管ECMAScript从技术上讲是一门面向对象的语言,但它不具备传统的面向对象语言所支持的类和接口等基本结构,所以虽然说引用类型与类看起来想死,但他们并不是相同的概念. 不过引用类型有的时候也可以被称为对象定义,因为他们描述的是一类对象所具有的属性和方法. 新对象是使用new操作符后跟一个构造函数来实现的,构造函数本身就是一个函数,只不过该函数时处于创建新对象的目的而定义的. ECMASc

JS基础(一)

01-JS中的变量和输入输出 一.[使用JS的三种方式] 1.在html标签中直接内嵌js.(不提倡使用,不符合w3c关于内容与行为分离的要求) 2.在html页面中使用<script></script>包裹js代码.(Script标签可以放到页面的任何位置) <script type="text/javascript"> js代码 </script> 3.引入外部的js文件,使用script标签 <script type=&quo

js基础知识点总结

js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避免全局变量和方法(命名空间,闭包,面向对象),模块化(seaJs,requireJs) 常用内部类:Data Array Math String HTML属性,CSS属性HTML:属性.HTML属性="值":CSS:对象.style.CSS属性="值"; class和f

JS基础语法

JS基础语法第二天 1.If语法if的语法:If(判断条件){ 一般是一个boolean类型的值或是关系表达式或是逻辑表达式要执行的代码;} If(判断条件){ 一般是boolean类型的值或是关系表达式或是逻辑表达式要执行的代码;}else {要执行的代码;} If(判断条件){ 一般是boolean类型的值或是关系表达式或是逻辑表达式要执行的代码;}else if(判断条件) {要执行的代码;} 2.三元运算符表达式1(关系表达式或是逻辑表达式)? 表达式2:表达式3;如果表达式1成立,也就