js获取div的value值 js获取div的值( 二 )

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号的信息。
我们可以分析一下，这个事件解决需要一个按钮，当按钮被点击的时候，页面输出你下达的指令，分析知道他怎么实现了之后，那么火速实操。
<body><input type="button" value="https://www.520longzhigu.com/diannao/点火" onclick="start()"/><script type="text/javascript">//点火功能块function start(){document.write("点火成功，即将发射");}</script></body>知识点都在图片中详细的标注了出来，建议一步一步的写，注意，input要写在<script>的上面。
2.alert
大家有没有发现，在上边的两个任务中，当我们点击按钮时，的确输出了内容，但是我们页面的原始内容（按钮）却不见了，必须点击浏览器的后退按钮，才可以回到原始内容，有没有更好的处理方式呢？当然有，那就是咱们上一章已经接触过的 alert（消息框）。
那么我们来就上一题改一下。
<body><input type="button" value="https://www.520longzhigu.com/diannao/点火" onclick="start()"/><script type="text/javascript">//点火功能块function start(){alert("点火成功，即将发射");}</script></body>我们可以看出只要把上一题中的document.write改为alert就可以实现输出内容时按钮却不会消失了。
3.交互
我们要先知道几个知识点：
1）文本框：上题也有说input中的type值决定了input的类型，例如，上题中当type等于button时，input是按钮，如果type的值是text时，input是文本框
2）document.getElementById(“xxxx”).value;这行代码的意思是获取id为xxxx文本框中的value属性
掌握之后，火速实操。
例题：从页面上的姓名文本框中，取出操作员输入的名字，在名字后后边追加三个字”你很棒”，并在界面显示出来。
<body><input type="text" id="textName"/><input type="button" value="https://www.520longzhigu.com/diannao/测试" onclick="btn()"/><script type="text/javascript">//功能块function btn(){// 设置变量,并且获取Id为textName的文本框中的value属性的值var name = document.getElementById("textName").value;alert(name+"你真棒");}</script></body>在 JavaScript 代码中，单个的 = 不是等号，而是赋值号，它表示把 = 右侧的数据放到左侧的变量(容器)当中，它表示把 = 右侧的数据放到左侧的变量(容器)当中，它表示把 = 右侧的数据放到左侧的变量 (容器)当中。
JS的基本过程
输入处理输出
四.常用运算符
1.运算符的分类
运算符主要描述两件事情：
1) 有几个数字参与运算（大多数时是两个）。

以上关于本文的内容，仅作参考！温馨提示：如遇健康、疾病相关的问题，请您及时就医或请专业人士给予相关指导!

「四川龙网」www.sichuanlong.com小编还为您精选了以下内容，希望对您有所帮助：