js介紹

来源:https://www.cnblogs.com/CcPz/archive/2018/01/07/8228180.html
-Advertisement-
Play Games

恢復內容開始 js介紹 最近學習了js,那麼我今天給大家介紹下js。希望對初學者有些幫助。 js就是常說的JavaScript。JavaScript是目前世界上最流行的編程語言之一。這門語言可用於HTML和WEB,更可以廣泛的用於伺服器、PC、筆記本電腦、平板電腦和智能手機等設備。JavaScrip ...


---恢復內容開始---

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> 

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 寫在前面 其實網路上已經有許多關於如何美化博客園個人站點的文章,而我卻忍不住總是想寫點什麼。主要是因為我之前在如何選擇和美化博客園個人站點這個問題上走了許多彎路,一開始徘徊於如何選擇一個好看的模板,後來又在調整模板樣式上總覺得不盡如意。直到有一天,我看見了一片博客園的文章,頓時覺得其版權大氣而簡潔, ...
  • Javascipt數組 在Javascript中數組的做用是:使用單獨的變數名來儲存一系列的值。 數組只有一個屬性,就是length,length表示的數組所占記憶體空間的數目。 1.創建數組 創建數組方法1: 創建數組方法2: 2.數組合併 數組合併方法1: 數組合併方法2: 3.把數組合成字元串 ...
  • Javascript流程式控制制 1.條件語句 (1)if(exp)執行一句代碼 (2)if(exp){執行代碼段;} (3)if(exp){exp為true執行代碼段}else{exp為false執行的代碼段} (4)if...else if... (5)if嵌套 2.迴圈語句 (1)for 迴圈 ( ...
  • Koa 是由 Express 原班人馬打造的超輕量服務端框架 與 Express 相比,除了自由度更高,可以自行引入中間件之外,更重要的是使用了 ES6 + async,從而避免了回調地獄 不過也是因為代碼升級,所以 Koa2 需要 v7.60 以上的 node.js 環境 一、創建項目 手動創建一 ...
  • Javascript變數 javascript變數是什麼呢?javascript變數就是用來儲存數據的一個容器。 1.javascript變數應該註意什麼? (1)變數必須以字母開頭 (2)變數也能以 $ 和 _ 符號開頭,但是我們不推薦這麼做 (3)變數名稱對大小寫敏感。Y 和 y 是不同的變數 ...
  • 說起css佈局,那麼一定得聊聊盒模型,清除浮動,position,display什麼的,但本篇本不是講這些基礎知識的,而是給出各種佈局的解決方案。 水平居中佈局 首先我們來看看水平居中 1.margin + 定寬 相必是個前端都見過,這定寬的水平居中,我們還可以用下麵這種來實現不定寬的 2. tab ...
  • 1. Object類型 創建對象的方式 1) 構造函數方式 var obj = new Object(); // Object為構造函數 2)字面量方式 var obj = {} 2. Array類型 ECMAscript數組的每一項可以保存任何類型的數據 創建數組的方式 1)var color = ...
  • React Learn Note 3 React學習筆記(三) 標簽(空格分隔): React JavaScript 二、元素渲染 元素是構成react應用的最小單位。 元素是普通的對象。 元素是構成組件的一個部分。 1. 將元素渲染到DOM中 ``中的所有內容都將由React DOM來管理。稱為“ ...
一周排行
    -Advertisement-
    Play Games
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...