1. 首頁 > 生活 > >

怎么獲取div的值 js獲取html的值

小知識js獲取html的值



文章插圖
怎么獲取div的值 js獲取html的值

文章插圖
第二章：變量運算符
一.認識變量
1.什么是變量
定義：變量通俗地講就是可變的量 。
2.變量的操作及作用
對變量的操作包括兩大類：
1) 定義變量：使用關鍵字 var 來進行定義 。
2) 讀和寫變量：讀的時候直接寫變量名即可，寫的時候需要把變量名放到賦值符號=的左側（右側內容將會被寫到左側的變量當中） 。
寫個例子
<script type="text/javascript">//定義變量var name="張三";//提取變量并在頁面輸出document.write(name);</script>上述代碼可以看出如何定義變量并且在頁面輸出變量 。
初學編程時，我們要建立一個“量化”的意識，那么什么是量化呢？我們來靠一個例子來展示一下 。
麗麗去超市購物，買了5支水筆，每支3元；買了5個練習本，每個2元；她給售貨員50元，并且有會員卡，會員卡可以打8折，請問售貨員應該找給麗麗多少錢？
<script type="text/javascript">//定義水筆價格var shuibi = 5*3;//定義練習本價格var lianxiben = 5*2;//定義總價var zongjia = shuibi+lianxiben;//定義找回金額并運算var zhaohui = 50-zongjia*0.9;//頁面輸出，謹記，輸出變量時不能加引號document.write(zhaohui);</script>體會上邊的代碼，它把一件事情，拆解得非常細，一個步驟一個步驟，最后完成了任 務 ?，F實世界中的業務往往非常復雜，有的甚至需要幾十甚至上百的步驟，到時候我們的大腦根本承受不了，學會量化，按照步驟來解決問題，才是“王道” 。
3.變量名稱
在定義變量的名稱時有一些規則需要注意：
1) 變量名要做到見名知意，可以采用英文單詞或拼音全稱，取到下一個詞時首字母要大寫，例如：var chengJi=10; 。
2) 變量名稱的首字符必須是 英文字母、下劃線或美元符號中的一種,例如：var $fenShu=100,_renShu=5; 。
3) 變量名中不能有空格 。
4) 變量名要避開 JavaScript 中的保留字（if、else、function、switch、static、for 等） 。
一定記牢，變量命名錯誤會導致全盤皆輸 。
4.變量定義和使用常見錯誤
1）n變量使用前未經聲明var m= n + 2;2）m變量沒有賦值var m;document.write(m);3）重復聲明變量var n = 3;var n = 4;4)不符合命名規范var 123 = 123;變量問題口訣：1.先聲明，2.后賦值，3.再使用（輸出，參與運算）
二.變量的類型
1.JS的變量類型
在 js 中，通過 var 前綴來表示要定義一個變量，當我們給其賦值時變量的類型才最終確定下來，常用 的類型如下：
1) undefined：當定義了變量而未賦值時，其類型是 undefined.
var x; alert(x);//將會彈出 undefined
2) null：空類型，類似于 undefined 。
alert(null==undefined);
3) number：數值類型，含整數和浮點數（小數） 。
var x=10;(整數)
var y=8.8;（浮點數）
4) String：字符串 。（字符串必須用雙引號）
var x=”Jim Green”;
var y=”Lucy”;
5) boolean：布爾 。
【怎么獲取div的值 js獲取html的值】var x=true;(正確)
var y=false;（錯誤）
6) Object：對象類型，可以 new 。
var x = new Object(); x.Name=”Jim Green”;
x.Sex=”男”;
//……
alert(x.Name+”t”+x.Sex);
7) Date：日期 。
var x = new Date();//創建一個日期對象(當前計算機上的日期和時間為基準)
document.write(x.toLocaleDateString());//write 方法用于向當前頁面中寫入內容
因為JS中變量類型是弱類型，我們需要判斷變量對應的數據類型，這時候我們可以用typeof來獲取變量中的數據類型
<script type="text/javascript">var n=12;//如果輸出的內容同時有變量和字符串的時候要用加號連接document.write(typeof(n)+"</br>");var x=true;document.write(typeof(x)+"</br>");var s="張三";document.write(typeof(s));</script>2.String轉number
String(字符串)，是編程語言中，最常見的數據類型，每一個 html 元素的屬性值都是 String 類型的 （例如：input 中的 value,id,name 等的取值） 。某些計算只有 number 才可以，因而將 String 類型的值， 轉變成 number 類型的值，就是一個非常普遍和重要的操作 。JS提供了兩種轉化方法
1） parseInt：將字符串轉為整(number)數 。
2）parseFloat：將字符串轉為浮點數(number) 。
<script type="text/javascript">var n="123h5";var s=parseInt(n);document.write(s);//我們可以看出,結果為123</script><script type="text/javascript">var n="hallo world";var s=parseFloat(n);document.write(s);//我們可以看出，輸出結果是NaN，意思是not a number(不是一個數)</script>三.變量實戰
1.點擊按鈕時輸出
我們之前學習的都是直接向大家展示出來的但是網頁中卻不是這么簡單，事件需要一個能觸發的裝置，也叫做功能塊 ?？蠢} 。
當點擊按鈕時，輸出發射天宮2號的信息 。