JavaScript 簡介(第四節)

来源:http://www.cnblogs.com/wskxy/archive/2017/04/03/6662973.html
-Advertisement-
Play Games

1.節點-添加標簽 <body><div id="div1"><p id="p1">這是一個段落。</p><p id="p2">這是另一個段落。</p></div><script>var para=document.createElement("p"); //創建一個文本節<p>var node=d ...


1.節點-添加標簽

<body>
<div id="div1">
<p id="p1">這是一個段落。</p>
<p id="p2">這是另一個段落。</p>
</div>
<script>
var para=document.createElement("p");                   //創建一個文本節<p>
var node=document.createTextNode("這是新段落。");   //創建內容
para.appendChild(node);                                        //把內容追加到<p>裡面,
var element=document.getElementById("div1");   //提取需要放置位置的id
element.appendChild(para);             //在id上添加新元素
</script>
</body>

2.節點-刪除標簽

<body>
<div id="div1">
<p id="p1">這是一個段落。</p>
<p id="p2">這是另一個段落。</p>
</div>
<script>
var parent=document.getElementById("div1");  //提取需要刪除的節點的父節點的id
var child=document.getElementById("p1");    //提取需要刪除的節點的id
parent.removeChild(child);    //父節點刪除子節點
</script>
</body>

 3.顯示年-月-日-星期

1)對日期對象設置一個特定的日期 (2008 年 8 月 9 日):

<script>
var myDate=new Date()
myDate.setFullYear(2008,7,9)
document.write(myDate);
</script>

2)顯示當前時間

document.write(Date());

3)顯示當前星期

<script type="text/javascript">

var d=new Date()
var weekday=new Array(7)
weekday[0]="星期日"
weekday[1]="星期一"
weekday[2]="星期二"
weekday[3]="星期三"
weekday[4]="星期四"
weekday[5]="星期五"
weekday[6]="星期六"

document.write("今天是" + d.getDay()+"<br/>")       //getDay()得到星期的阿拉伯數字
document.write("今天是" + weekday[d.getDay()])     //通過數組顯示文字的星期幾

</script>

4.math算數

document.write(Math.round(4.5));   //四捨五入
document.write(Math.random());     //隨機返回一個介於0到1之間的數
document.write(Math.floor(4.5))    //取整
document.write(Math.floor(Math.random()*11))    //取介於0和10之間的整數

5.正則表達式

<script>
var patt1=new RegExp("e");
document.write(patt1.test("The best things in life are free")); //返回true
document.write(patt1.exec("The best things in life are free")); //返回e

var patt1=new RegExp("e","g");       //返回eeeeeenull   此處的參數g不能修改
do
{
result=patt1.exec("The best things in life are free");
document.write(result);
}
while (result!=null)

patt1.compile("d"); //將查找對象修改為d
document.write(patt1.test("The best things in life are free")); //不含d返回false
</script>

<——第四節完——>


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

-Advertisement-
Play Games
更多相關文章
  • 最近項目上有一個需求是:根據一張圖片的拍攝時間獲取到這個時間前二後三的一個五秒鐘的視頻信息,通過查找相關資料寫了一個方法拿來記錄分享一下。 //指定時間減2秒function reduceTwoS(dateStr){//dateStr格式為yyyy-mm-dd hh:mm:ss var dt=new ...
  • 問題 註冊安卓硬體返回按鈕事件是必須的,因為用戶不小心點擊了返回按鈕就退出app體驗很不好,所以有幾種方法: 1.實現按返回鍵最小化應用(最小化應用需要裝 插件,使用 )。 2.要麼請求用戶確認(添加一個Confirmation Alerts)。 3.按一下提示,按兩下退出(加一個方法用toast提 ...
  • npm使用方法和命令 "官網" , "文檔" 顯示配置信息 更詳細 顯示幫助信息,建議多查看 display full usage info ; l is long 顯示某個命令的幫助信息 修改npm全局安裝目錄 修改npm cache目錄 把新的npm路徑修改到系統環境變數中,才可生效 設置npm ...
  • 前面的話 使用git commit -am是不是就可以完全不使用git add命令呢?不是 理論 要瞭解git commit -m與git commit -am的區別,首先要明白它們的定義 字面解釋的話,git commit -m用於提交暫存區的文件,git commit -am用於提交跟蹤過的文件 ...
  • 這兩天清明放假,剛剛琢磨把JAVA8、TOMCAT、ECLIPS裝好,幸好現在網路發達,遇到問題可以問度娘,好不容易配置好,寫了一個小程式,一運行還說Tomcat埠被占用,試了改寫tomcat安裝目錄conf下的server.xml中的埠,沒有成功,原因不詳。最後用了下麵的方法好使。 啟動Tom ...
  • vue所有功能的實現都是圍繞其生命周期進行的,在生命周期的不同階段調用對應的鉤子函數可以實現組件數據管理和DOM渲染兩大重要功能。學習實例的生命周期,能幫助我們理解vue實例的運行機制,更好地利用鉤子函數完成我們的業務代碼。 1、即將創建:對應的鉤子函數為beforeCreate。此階段為實例初始化 ...
  • *{padding: 0; margin: 0;} .box .title,.box .title li{padding:0;margin: 0;} .body{width: 1200px; height: 1000px; box-shadow: 0 0 5px gray; marg... ...
  • 在前端中用到全選反選的案例並不少,在這裡呢我就實現這個功能給大家參考參考。 這裡呢就先貼上我的html和css代碼 這是html部分的,下麵呢,我附上css部分的代碼: 展示出來的佈局是這樣的: 好了,下麵我們就開始講重點把,做之前的呢,一定要理清思路,只有理清思路的才能好下手做啊 我們要通過點擊第 ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...