js是指_什么是js

js是指_什么是js一文带你入门javascript,带你学习带你飞


前言

在前端三大件中,html搭建骨架、css给web页面穿上衣服、javascript使web页面动起来,有了一些行为,这个“动起来”与前面提到的3d动画效果不一样,动画效果是已知的变动,而javascript变动起来就很随意,不知道将要变成什么样,当触达某一条件时事件执行。随之页面发生变化。【javascript简称js】


概念一、javascript选择器

1.定义:

在这里插入图片描述

在javascript中也包含各式各样的选择器,【类选择器、id选择器、标签选择器.....】
您会经常看到 document.getElementById("some id")。这个方法是 HTML DOM 中定义的。
DOM (Document Object Model)(文档对象模型)是用于访问 HTML 元素的正式 W3C 标准。
您将在本教程的多个章节中学到有关 HTML DOM 的知识。

2.作用:

可以将相应的标签选择出来,然后对标签的文本域或者层叠样式表进行修改。
eg:
document.getElementById("demo1").innerHTML="Hahahahhhahah......"
将本文档中元素id为"demo1"的标签选出来,然后将其文本域改为"Hahahahhhahah......"

概念二、js代码引入方式

1.包含区域:

①文档内

对于一个html文档,可以将js代码包含在script标签内,script标签放在head或者body
标签内均可以,

代码如下:

 <script>
     function displayDate(){ 
   
         document.getElementById("demo").innerHTML=Date()
         document.getElementById("demo1").innerHTML="Hahahahhhahah......"
     }
 </script>

②文档外

需要引入js文档所在的位置,而js代码需要都包含在后缀为js的文档内。
引入方式如下:
 <script src="xxx.jx"></script>

2.实际案例体会js的魅力

点击显示按钮将会执行函数,触发一系列的事件。

代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script> function displayDate(){ 
      document.getElementById("demo").innerHTML=Date() document.getElementById("demo1").innerHTML="Hahahahhhahah......" } </script>
</head>
<body>
    <h1>我的第一个js程序</h1>
    <p id="demo">这是一个段落</p>
    <div id="demo1">这是第二个段落</div>
    <button type="button" onclick="displayDate()">显示日期</button>
</body>
</html>

概念三、js与其他的编程语言

1.简介js

js是一门编程语言,相对于html,css来说,javascript里面有变量,函数,定时器等等
一系列编程语言所包含的基础语法,js也可以用来迭代变量,判断条件。只要是
编程语言可以做的他都可以做。

2.js与java【谣言解除】

许多初学者从两者名字上看这两门语言,认为这两者有一定的关系。

其实js与java在语法上没有一丁点的关系,js原名Livescript,在其将要发布之时,有一个
称为java的语言,在当时被炒的非常火,网景公司当时为了蹭热度就将,livescript改为了
javascript。

总结

看到这里大概就会对js有了一个初步的认识,js就是选出html文档内的标签,然后通过一系列的事件,修改标签里面的内容,或者修改标签的样式。

今天的文章js是指_什么是js分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/83249.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注