js基础、函数和对象及dom

JS有三种书写位置,分别为:
行内
内嵌
外部

什么是变量?

        变量就是一个装东西的盒子,通俗的来说,变量就是存放数据的容器。我们通过变量名获取数据,甚至可以修改数据

简单数据类型

说明

默认值

Number

数字型,包含整数值和浮点值

0

Boolean

布尔值类型,如truefalse,等价与10

false

String

字符串类型

“”

Undefined

Var a;声明了变量a但是没有给值,此时a = undefined

undefined

Null

Var a = null;声明了变量a为空值

null

分支结构

由上到下执行代码的过程中,根据不同的条件,执行不同的路径代码(执行代码多选一的过程),从而得到不同的结果

分支语句分类

if
if…else
switch

循环结构

循环语句的作用是反复地执行同一段代码,只要给定的条件能得到满足,包括在循环条件语句里面的代码就会重复执行下去,一旦条件不再满足则终止。

循环语句分类

for
while
do…while

什么是DOM?

        DOM ( Document Object Model ),叫做文档对象模型,DOM可以以一种独立于平台和语言的方式访问和修改html文档的内容和结构。

分类

文档节点==>document

元素节点==>标签

属性节点==>标签的属性

文本节点==>标签体

通过可编程的对象模型
JavaScript 能够创建动态的 HTML节点
JavaScript 能够改变页面中的所有 HTML 元素
JavaScript 能够改变页面中的所有 HTML 属性
JavaScript 能够改变页面中的所有 CSS 样式
JavaScript 能够对页面中的所有事件做出反应

 

创建函数1

function 函数名([参数列表]) {
    //函数体代码
}
function 是声明函数的关键字,必须小写
由于函数一般是为了实现某个功能才定义的, 所以通常我们将函数名命名为动词,比如 getSum

创建函数2

var 函数名 = function ([参数列表]) {
    //函数体代码
}
因为函数没有名字,所以也被称为匿名函数
这个变量名里面存储的是一个函数  
函数表达式方式原理跟声明变量方式是一致的

函数调用

getSum()
getSum(a,b)

创建对象的方法1

使用字面量创建对象:
var star = {
属性1:属性值1,
属性2:属性值2,
属性3:属性值3
方法1:函数1;
}

创建对象的方法2

利用 new Object 创建对象:
var star = new Object();
star.属性1=“属性1”;
star.属性2=“属性2”;
star.属性3=“属性3”;
star.方法1=函数1

创建对象的方法3

利用构造函数创建对象:
function 构造函数名([形参1,形参2,形参3]) {
     this.属性名1 = 参数1;
     this.属性名2 = 参数2;
     this.属性名3 = 参数3;
     this.方法名 = 函数体;
}
var obj=new 构造函数名([实参1,实参2,实参3])

访问对象的属性和方法

1.访问属性:
对象.属性名
对象[“属性名”]

2.访问方法:
对象.方法名()

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我来给您补充一下示例代码,让它包含数组、函数对象DOM 和 BOM 的应用。 JavaScript 代码示例: ```javascript // 数组示例 const myArray = [1, 2, 3, 4, 5]; console.log(myArray.length); // 输出数组长度 console.log(myArray[2]); // 输出数组第三个元素 // 函数示例 function addNumbers(a, b) { return a + b; } const result = addNumbers(5, 10); console.log(result); // 输出 15 // 对象示例 const myObject = { name: "张三", age: 25, address: "北京市" }; console.log(myObject.name); // 输出对象的 name 属性 // DOM 示例 const myButton = document.getElementById("myButton"); myButton.addEventListener("click", function() { alert("您点击了按钮!"); }); // BOM 示例 console.log(window.innerWidth); // 输出浏览器窗口宽度 console.log(window.location.href); // 输出当前页面的 URL ``` HTML 代码示例: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我眼中的js</title> <link rel="stylesheet" href="style.css"> </head> <body> <header> <h1>我眼中的js</h1> <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">教程</a></li> <li><a href="#">博客</a></li> <li><a href="#">联系我们</a></li> </ul> </nav> </header> <main> <section> <h2>什么是JavaScript?</h2> <p>JavaScript是一种脚本语言,通常用于创建交互式网页。它可以让网页变得更加生动、有趣和交互性。JavaScript还可以用于创建Web应用程序、游戏、移动应用程序等。</p> </section> <section> <h2>为什么学习JavaScript?</h2> <p>JavaScript是Web开发的核心技术之一,它可以让您创建出色的Web应用程序和网站。学习JavaScript还可以提高您的编程技能,为您打开更广阔的职业发展前景。</p> <button id="myButton">点击我</button> </section> </main> <footer> <p>©2021 我眼中的js</p> </footer> <script src="main.js"></script> </body> </html> ``` 这些示例代码可以帮助您更全面地了解 JavaScript 的应用。请注意,这些代码只是示例,您可以根据您的需要进行修改和调整。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值