怎么获取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>

体会上边的代码，它把一件事情，拆解得非常细，一个步骤一个步骤，最后完成了任务。现实世界中的业务往往非常复杂，有的甚至需要几十甚至上百的步骤，到时候我们的大脑根本承受不了，学会量化，按照步骤来解决问题，才是“王道” 。
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号的信息。