js如何使用?

JavaScript013

js如何使用?,第1张

1,我们在使用JavaScript代码有两种写法:一种是在HTML页面中直接嵌入js代码,另一种是通过链接外部的JavaScript文件。

2,在HTML页面中直接嵌入js代码

3,如果在HTML页面中直接嵌入JavaScript代码,我们需要使用 <script>标签,<script>和 </script>会告诉 JavaScript 在何处开始和结束。

4,<script>

alert("My First JavaScript")

</script>

5,在HTML页面的任何位置(head部分 body部分 body的后面 较好)都可以插入script标签。

6,第二种用法:通过链接外部的JavaScript文件。

7,首先我们建立一个JavaScript文件,扩展名是.js

然后将要编写的js代码写到Js文件中,并保存文件。使用script标签将JavaScript文件链接到HTML文件中

     一种是通过字面量的形式创建(语法糖):let obj = {}  

     另外一种就是通过new Object()构造器函数的形式创建。对象字面量的声明方式比构造器函数更加方便。

    通过delete操作符, 可以实现对对象属性的删除操作, 返回值是布尔值

    通过点或者方括号可以获取对象的属性值,如果对象上不存在该属性,则会返回undefined。

    点获取对象属性值其实是通过."属性名"(属性名是字符串)和["属性名"]一样但和[变量名]不同此时是通过变量的值为属性名访问对象 

    属性名可以通过in操作符,如果指定的属性在指定的对象或其原型链中,则in 运算符返回true。这种方式的局限性就是无法区分自身和原型链上的属性,在只需要判断自身属性是否存在时,这种方式就不适用了。

    hasOwnProperty()只有自身存在该属性时,才会返回true。适用于只判断自身属性的场景。

    Object.assgin("目标对象","源对象"),可以通过assgin给对象一次增加多个属性

    let obj = {}Object.assgin(obj,{a:1,b:2})

    也可以通过点或者方括号修改对象的属性,注意点和查看对象一样

    两个都可以查看name是否为obj的属性,in操作符可以查看name属性是否为obj的属性,但是除了会查找自身有没有这个属性还会查找原型链上是否有这个属性,hasOwnProperty只会在自身上查找这个属性。

三种具体用法:

1、$()可以是$(expresion),即css选择器、Xpath或html元素,也就是通过上述表达式来匹配目标元素。

比如:$("a")构造的这个对象,是用CSS选择器构建了一个jQuery对象——它选择了所有的<a/>这个标签。如: $("a").click(function(){...})

就是在点击页面上的任何一个链接时的触发事件。确切地说,就是jQuery用<a/>这个标签构建了一个对象$("a"),函数 click()是这个jQuery对象的一个(事件)方法。 

2、$()可以是$(element),即一个特定的DOM元素。如常用的DOM对象有document、location、form等。如这样一行代码: $(document).find("div>p").html())

$()中的document是一个DOM元素,即在全文寻找带<p>的<div>元素,并显示<p>中的内容。

3、$()可以是$(function),即一个函数,它是$(document).ready()的一个速记方式。如常见的形式是这样的:

$(document).ready(function(){

alert("Hello world!")

})

扩展资料

js中this的用法

说到this,就不得不提到function,正是由于调用function的对象不同,才导致了this的指向不同。所以以前老是去记忆每种调用function的情况所对应的this,因为情况有限而且很少,所以这当然是可行的——对于聪明人来说。那么首先我们需要明确的一个事情是:function也是对象。

同时我们还需要明确的一个事情是:function执行时是在某个特定的上下文中执行的。比如你要console.log(a),没有a就无法支持函数的执行,所以某种意义上讲,a就是上下文的一部分。函数执行时它也需要一些额外的信息来支撑它的运行。

既然function是对象的话,就会有方法。而function中最核心的方法是call方法,这也是理解this最关键的方法。