使用原生JS操作网页的几个例子

JavaScript013

使用原生JS操作网页的几个例子,第1张

原生js操作网页

emmm

添加网页元素

移除网页元素

代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<style>

    div{

        border: 1px solid black

        width: 100px

        height: 100px

        text-align: center

    }

</style>

<body>

<div>div1</div>

<div>div2</div>

<script>

    var div = document.createElement("div")

    div.innerText = "这是使用js添加的元素"

    //添加一个div元素

 document.body.appendChild(div)

    alert("3秒后移除div1")

    //移除html元素

 setTimeout(function () {

        var divList = document.getElementsByTagName("div")

        divList[0].remove()

    },3000)

</script>

</body>

</html>

这两个很基础,其实所有其他js库(jquery之类的)能做的事情原生js都能做。

原生态JS是指遵循ECMAscript标准的javascript,不同于微软的jscript也不依赖于任何框架,依托于浏览器标准引擎的脚本语言。

jquery是在原生态的js上集成的框架资源,使用jquery并不代表代码就不是你写的,区别在于使用jquery只是使用了它的语法,更利于兼容以及实现,jquery已经将常规的js兼容问题解决,所以使用起来出现不兼容的情况会更少,更利于开发。

但同时,要使用jquery等框架也需要去学习相关的语法,拥有js基础的同学学习jquery时会发现很轻松,在使用时也会发现很方便。

扩展资料

JS基本特点:

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

1、是一种解释性脚本语言(代码不进行预编译)。

2、主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为。

3、可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。

4、跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等)。

Javascript脚本语言同其他语言一样,有它自身的基本数据类型,表达式和算术运算符及程序的基本程序框架。

Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方,表达式则可以完成较复杂的信息处理。

参考资料:百度百科-javascript