學習筆記:JavaScript-入門篇

来源:http://www.cnblogs.com/mibear/archive/2017/05/13/6849905.html
-Advertisement-
Play Games

1.對話框,輸出框,警告框 1. document.write() 可用於直接向 HTML 輸出流寫內容。簡單的說就是直接在網頁中輸出內容。 2.alert(字元串或變數); 3.confirm 消息對話框通常用於允許用戶做選擇的動作,如:“你對嗎?”等。彈出對話框(包括一個確定按鈕和一個取消按鈕) ...


1.對話框,輸出框,警告框
  1. document.write() 可用於直接向 HTML 輸出流寫內容。簡單的說就是直接在網頁中輸出內容。   2.alert(字元串或變數);   3.confirm 消息對話框通常用於允許用戶做選擇的動作,如:“你對嗎?”等。彈出對話框(包括一個確定按鈕和一個取消按鈕)。      str:在消息對話框中要顯示的文本返回值: Boolean值   4.prompt彈出消息對話框,通常用於詢問一些需要與用戶交互的信息。彈出消息對話框(包含一個確定按鈕、取消按鈕與一個文本輸入框)。   語法: prompt(str1, str2);    str1: 要顯示在消息對話框中的文本,不可修改 str2:文本框中的內容,可以修改  
2.打開新視窗
    window.open([URL], [視窗名稱], [參數字元串])   URL:可選參數,在視窗中要顯示網頁的網址或路徑。如果省略這個參數,或者它的值是空字元串,那麼視窗就不顯示任何文檔。 視窗名稱:可選參數,被打開視窗的名稱。 1.該名稱由字母、數字和下劃線字元組成。 2."_top"、"_blank"、"_self"具有特殊意義的名稱。 _blank:在新視窗顯示目標網頁 _self:在當前視窗顯示目標網頁 _top:框架網頁中在上部視窗中顯示目標網頁 3.相同 name 的視窗只能創建一個,要想創建多個視窗則 name 不能相同。 4.name 不能包含有空格。 參數字元串:可選參數,設置視窗參數,各參數用逗號隔開。  

 

  舉例 <script type="text/javascript"> window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes') </script>

 
3.關閉視窗(window.close)
  window.close();  //關閉本視窗   或   <視窗對象>.close();  //關閉指定的視窗  
4.文檔對象模型DOM(Document Object Model)
  定義訪問和處理HTML文檔的標準方法。DOM 將HTML文檔呈現為帶有元素、屬性和文本的樹結構(節點樹)   三種常見的DOM節點:   1. 元素節點:上圖中<html>、<body>、<p>等都是元素節點,即標簽。   2. 文本節點:向用戶展示的內容,如<li>...</li>中的JavaScript、DOM、CSS等文本。   3. 屬性節點:元素屬性,如<a>標簽的鏈接屬性href="http://www.imooc.com"。  
5.通過ID獲取元素
  document.getElementById(“id”)  
6.innerHTML 屬性
  innerHTML 屬性用於獲取或替換 HTML 元素的內容。   語法:   Object.innerHTML   註意:   1.Object是獲取的元素對象,如通過document.getElementById("ID")獲取的元素。   2.註意書寫,innerHTML區分大小寫。  
7.改變HTML樣式
  語法:   Object.style.property=new style;   <p id="pcon">Hello World!</p>
<script>
  var mychar = document.getElementById("pcon");
  mychar.style.color="red";
  mychar.style.fontSize="20";
  mychar.style.backgroundColor ="blue"; </script>   基本屬性表  

 

 
8.顯示和隱藏(display)
  網頁中經常會看到顯示和隱藏的效果,可通過display屬性來設置。   語法:   Object.style.display = value   註意:Object是獲取的元素對象,如通過document.getElementById("id")獲取的元素。  
9.控制類名(className 屬性)
  className 屬性設置或返回元素的class 屬性。   語法:   object.className = classname   作用:   1.獲取元素的class 屬性   2. 為網頁內的某個元素指定一個css樣式來更改該元素的外觀                          
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 新公司已經呆了一個多月,目前著手一個數據可視化的項目,數據可視化肯定要用到圖形庫如 、 、 、 等,經決定我的這個項目用阿裡旗下螞蟻金服所開發的 圖表庫。 官方地址:https://antv.alipay.com/g2/doc/index.html Github:https://github.com ...
  • 一、jQuery 提供開發者開發插件的幾種模式 1.$.extend(); //這個方法是綁定在$上面的。可以通過$直接調用 2.$.fn.方法名 //這個方法是綁定在Dom對象上面的可以通過$('').方法名();調用 3.$.widget //通過jQuery UI 部件工廠模式創建。 二、插件 ...
  • 關於CSS3的3D立方體動畫 知識點: 1、每個元素有獨立的坐標系 2、坐標系隨當前元素的改變而發生改變 3、立方體由靜態transform參數構成 4、通過給容器添加動畫使立方體運動 效果圖: ...
  • 前面的話 Nodejs的模塊是基於CommonJS規範實現的,可不可以應用在瀏覽器環境中呢? 第二行math.add(2, 3),在第一行require('math')之後運行,因此必須等math.js載入完成。也就是說,如果載入時間很長,整個應用就會停在那裡等。這對伺服器端不是一個問題,因為所有的 ...
  • 文件層級 index.html <!DOCTYPE html> <html ng-app="nickApp"> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, ...
  • Sass 擴展了 CSS3,增加了規則、變數、混入、選擇器、繼承等等特性。Sass 生成良好格式化的 CSS 代碼,易於組織和維護。 SASS是對CSS3(層疊樣式表)的語法的一種擴充,它可以使用巢狀、混入、選擇子繼承等功能,可以更有效有彈性的寫出Stylesheet。Sass最後還是會編譯出合法的 ...
  • jQuery css操作 1)css 2)位置 3)尺寸 1.css操作之css css(name|pro|[,val|fn]) 當你使用CSS屬性在css()或animate()中,我們將根據瀏覽器自動加上首碼(在適當的時候),在Chrome/Safari瀏覽器中我們將設置為" webkit us ...
  • 用bootstrap做了用戶電話號碼查詢的前端頁面。 並且用了MVCPager分頁。 Bootstrap前端頁如下: 一開始使用了用A標簽,分頁成功後,我進入第二頁,點擊這個A標簽,頁面會自動跳轉到第一頁。相當無解。。想不通。經過和群里高手交流說可能是A標簽的問題。。我換成button,問題解決。 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...