2. 程式人生 > >Javascript基礎筆記（部分）

Javascript基礎筆記（部分）

阿新 • • 發佈：2018-10-14
變量 click utf-8 wid absolute set clas position inner 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            body {                                                            /* 一些標簽的自定義 */
                background: url(../img/backgroud.jpg);
                background
 
-attachment: fixed;
            }
            div.right_top {
                position: absolute;
                top: 0px;
                left:1050px;
            }
            a.cai {
                text-decoration: none;
            }
            a.cai:link, a.cai:visited {
                display: block;                    
                width: 120px;
                font
 
-weight: 500;
                text-align:center;
                color: #FFFFFF;
                height: 25px;
                background-color:#98bf21;
                padding: 1px;
            }
            a.cai:active, a.cai:hover {
                background:#7A991A;
            }
        </style>
        
        <script>                                                                   //
 
js 腳本
            function answer() {                                                    //建立一個函數
                var x = document.getElementById("problem").innerHTML;              //設變量並賦值
                if(x == "2018年") {
                    document.getElementById("problem").innerHTML = "今年是哪一年？";
                }
                else {
                    document.getElementById("problem").innerHTML = "2018年";       //給 id 賦值
                }
            }
            function lucky() {
                var x = Math.random()*10000;
                x = parseInt(x);
                document.getElementById("lucky").innerHTML = x;
            }
            function alert1() {                                                    //彈出警告框
                alert("請不要隨便亂點按鈕!!!");
            }
            function alert2(x) {
                alert("Hello " + x);
            }
            function startTime(){                                                 //得到系統時間
                var today=new Date();
                var h=today.getHours();
                var m=today.getMinutes();
                var s=today.getSeconds();
                document.getElementById(‘time‘).innerHTML=h+":"+m+":"+s;          //將時間打印到界面上
                t=setTimeout(function(){startTime()},500);                        //自動刷新
            }
        
        </script>
    </head>
    <body onload="startTime()">
        <a class="cai" href="http://www.runoob.com" target="_blank">菜鳥教程</a>
        <a class="cai" href="http://www.runoob.com/js/js-examples.html" target="_blank">JavaScript</a>
        <div class="right_top">                                            <!-- _blank：打開新標簽頁 -->        
            <h2 id="problem">今年是哪一年？</h2>
            <button onclick="answer()">轉換</button> 
        </div>
        <script>document.write("<br>Hello world!")</script>
        <script>
            var name="Asimple";
            document.write("<br>" + name + "<br>");
        </script>
        <h3 id="lucky">查看你今天的幸運數字</h3>
        <button onclick="lucky()">查看</button> 
        <button onclick="alert1()">點擊試試</button>
        <button onclick="alert2(‘Tom‘)">點擊試試</button><br>
        <h2 id="time" style="position: absolute; top:100px; left: 1050px;"></h2>
    </body>
</html>

Javascript基礎筆記（部分）

相關推薦

Javascript基礎筆記（部分）

變量 click utf-8 wid absolute set clas position inner <!DOCTYPE html> <html> <head> <meta charset="UTF-8"

JavaScript基礎筆記（一）基本概念

基本概念 world! 因此 空字符 pos ase 維護 rip 括號 基本概念 一、語法 一）區分大小寫 二）標識符 書寫規則同Java 三）註釋 略 四）嚴格模式 1.在整個腳本中啟用嚴格模式：在頂部添加 "use strict" 2.指定函數在嚴格模式下執行： f

javascript學習筆記（二）：定義函數、調用函數、參數、返回值、局部和全局變量

兩個 cnblogs bsp 結果 value ava ase com 調用 定義函數、調用函數、參數、返回值 關鍵字function定義函數，格式如下： function 函數名(){ 函數體 } 調用函數、參數、返回值的規則和c語言規則類似。 1 <!DOC

javascript學習筆記（五）：異常捕獲和事件處理

log 類型 按鈕 輸入 button lan yellow logs 代碼 異常捕獲 Try{ 　　發生異常的代碼塊 }catch(err){ 　　異常信息處理 } 1 <!DOCTYPE html> 2 <html> 3 <head

Android基礎筆記（十三）- 內容提供者原理和簡單使用

暴露 tel java 四大組件 per 存儲 建數據庫 開發 fun 為什麽要有內容提供者 內容提供者的工作原理 使用內容解析者對內容提供者進行增刪改查操作 利用內容提供者和內容解析者備份手機短信 利用內容提供者插入短信 為什麽要有內容

python基礎筆記（一）

val 變量 下劃線 .py 字母 pass 變量名 del 交互 python解釋器執行python程序的過程：python3 C:\test.py 1.啟動python解釋器（內存中） 2.將C：\test.py 內容從硬盤讀入內存（這一步與文本編輯器是一樣的） 3.執

JavaScript基礎知識（二）

window ttr demo1 隨機數 put 意義 成員 poi pac 一、JavaScript事件詳解 1、事件流：描述的是在頁面中結束事件的順序 事件傳遞有兩種方式：冒泡與捕獲。 　 事件傳遞定義了元素事件觸發的順序。 如果你將 <p> 元素插

總結javascript基礎概念（二）：事件隊列循環

數量 次循環 下一個 es6 類型 同步 函數 ref rip 主要問題： 　　1、JS引擎是單線程，如何完成事件循環的？ 　　2、定時器函數為什麽計時不準確？ 　　3、回調與異步,有什麽聯系和不同？ 　　4、ES6的事件循環有什麽變化？Node中呢？ 　　5、異步控制有什

Java基礎筆記（1）----語言基礎

技術分享 算數 存儲 str true 相互 clas string 提升 變量 變量：是內存中的一塊存儲空間，是存儲數據的基本單元。 使用：先聲明，後賦值，在使用。 聲明：數據類型 + 變量名 = 值。（例：int a = 5；） 數據類型 分類：如圖：

java基礎筆記（2）----流程控制

特性 byte 增加 基本 執行 size 判斷 efault 跳轉 java流程控制結構包括順序結構，分支結構，循環結構。 順序結構： 程序從上到下依次執行，中間沒有任何判斷和跳轉。 代碼如下： package c

java基礎筆記（3）----函數

註意 靜態函數 宋體 blog tro 過多 ava col nbsp 前言引入函數前，所有的代碼都寫在main主函數中，代碼過多，代碼冗余，可讀性差。 引入函數後，函數是實現某一特定功能的代碼塊。一個類中可以定義多個函數，每個函數和main主函數都是並列關系。 函數： 語

java基礎筆記（4）----數組

adding 類型 說明 spa 初始化 pac align int nbsp 介紹： 數組是一種數據類型，是引用類型，是一塊連續的內存空間，用於存儲和管理相同類型的多個數據。 定義：-- > 數組的聲明方式 先聲明，在開辟內存空間--> int [] a;

Java基礎筆記（7）----三個修飾符

共享 sta strac span 成員 abstract 化工 聲明 訪問修飾符 abstract抽象 方法 抽象方法：abstract修飾的方法，只有聲明　而沒有方法的實現（連{}都沒有）。 語法：修飾符　返回值類型　方法名(形參列表); 註意：抽象方

java基礎筆記（9）----集合之list集合

類型安全 sta clas bsp i++ 效率 contains 有序 void 集合 對於集合的理解，集合是一個容器，用於存儲和管理其它對象的對象 集合，首先了解所有集合的父接口----collection 特點：存儲任意object元素 方法 boolean add(

python3基礎筆記（六）模塊與包

__main__ 過程 __init__ 而不是 pro .com manage sys.path 腳本 模塊&包 模塊(modue)的概念： 在計算機程序的開發過程中，隨著程序代碼越寫越多，在一個文件裏代碼就會越來越長，越來越不容易維護。 為了編寫可維護的代

JavaScript學習筆記（一）

增加 註意 alert 區分大小寫 單行 true 小寫 head ring JavaScript 是一種直譯式、弱類型、內置支持類型語言目的是給HTML頁面增加動態效果。第一部分1.1.1JavaScript語法JavaScript代碼的編寫通過HTML、XHTML文檔執

JavaScript基礎知識（DOM）

種類 tee 文本 ole width ner var back lock 獲取元素的方法 要操作誰，就要先獲取誰； 獲取元素 1、document.getElementById:通過ID名來獲取元素 兼容性： 在IE8以下，會默認把name屬性當做id來獲取； doc

JavaScript學習筆記（二）

pass 訪問 location inpu title 作用 小數 orm mini 本課程對應的視頻教程：http://edu.51cto.com/course/15019.html 1、BOM模型 BOM:Brower Object Model 1.1、屬性 1.1.

JavaScript學習筆記（三）

第一個 nis 學習筆記 app 用戶 users change cor rev 本課程對應的視頻地址：http://edu.51cto.com/course/15019.html 1、DOM DOM:Document Object Model 1.1、W3C規定的三類D

JavaScript學習筆記（五）

proto 指定 wid 獲取 .proto let 數組 func object 本課程學習視頻教程：http://edu.51cto.com/course/15019.html 1、javascript的面向對象 1.1、創建對象的方式 方式一：使用object對象搞定