js介绍

Posted Cc_Pz

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js介绍相关的知识,希望对你有一定的参考价值。

---恢复内容开始---

js介绍

  最近学习了js,那么我今天给大家介绍下js。希望对初学者有些帮助。

  js就是常说的javascript。JavaScript是目前世界上最流行的编程语言之一。这门语言可用于html和WEB,更可以广泛的用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。JavaScript是脚本语言,是可插入HTML页面的编程代码。JavaScript插入HTML页面后,可由所有的现代浏览器执行。注意:JavaScript和Java是两种完全不同的语言,无论是概念还是设计上。

JavaScript的使用

  JavaScript在HTML中的脚本必须在<script>与</script>标签中使用。你可以在HTML文档中放入不限的JavaScript,可以位于HTML的<body>或<head>不封中,或者同时存在于两个部分中。通常的做法是把函数放入<head>不封中,或者放在页面底部。这样就可以把他们放在同一处的位置,不会干扰页面的内容。

  <head>中的JavaScript函数

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <script>
 5 function myFunction(){
 6     document.getElementById("demo").innerHTML="Hello World";
 7 }
 8 </script>
 9 </head>
10 <body>
11 <p id="demo">点击按钮时这里会发生变化</p>
12 <button type="button" onclick="myFunction()">点击这里</button>
13 </body>
14 </html>

  <body>中的JavaScript函数

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 </head>
 5 <body>
 6 <p id="demo">点击按钮时这里会发生变化</p>
 7 <button type="button" onclick="myFunction()">点击这里</button>
 8 <script>
 9 function myFunction(){
10     document.getElementById("demo").innerHTML="Hello World";
11  }
12 </script>
13 </body>
14 </html>

  外部引入的Javascript函数

1 <script src="myJs.js"></script>

代码屏蔽

  某些用户为了节省流量就会把Javascript脚本关闭,关闭了就不会显示脚本中的内容,呢么我们这时怎么怎么提醒用户开启脚本呢?这时我们<noscript>标签就体现出了他的作用。<noscript>标签在支持Javascript脚本的浏览器中是不会显示的。那么<noscript>标签该如何使用呢?只需要在<body>标签中写入就好了。

1 <noscript>您的浏览器不支持javascript脚本请开启脚本</noscript> 

 

以上是关于js介绍的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段9——JS中的面向对象编程

js代码片段: utils/lcoalStorage/cookie

JS代码片段:一个日期离现在多久了

js常用代码片段(更新中)

js常用代码片段

Chrome-Devtools代码片段中的多个JS库