javascript/js判断输入的内容是否是数值:
我们先看看JS代码和效果图
代码如下:
图1
按F12预览效果图如下:
图2
下面我们来讲解下这个JS:
JS部分:
<script>
function yue()//申明一个名字叫yue()的JS方法
{
var x=document.getElementById("yueying").value;//从整个文档里面获取一个元素id叫做yueying的标签的值,并且把该值放到x中
if(isNaN(x))//如果x不是数字就执行这个if语句,如果是数字就不执行这个if语句
{
alert("请输入数字!");//弹框
}
}
</script>
代码部分:
<h3>月影web(www.yydpt.com)</h3>
<p>请输入数字!</p>
<input type="text" id="yueying"/><!--这个是输入框-->
<button type="button" onclick="yue()">提交</button><!--这个是提交按钮,点击这个按钮之后执行onclick点击事件yue()-->
javascript/js替换内容:
我们先看看JS代码和效果图
代码如下:
图3
按F12预览效果图如下:
原图:
图4
替换之后的JS效果图:
图5
下面我们来讲解下这个JS:
JS部分:
<script>
function yue()//申明一个名字叫yue()的JS方法
{
var x=document.getElementById("demo");//从整个文档里面获取一个元素id叫做demo的标签
var y=document.getElementById("yueying").value;//从整个文档里面获取一个元素id叫做yueying的标签的值,并且把该值放到y中
x.innerHTML=y;//把y放到x的HTML里并且替换之前x里面的HTML内容!
}
</script>
代码部分:
<h3 id="demo">月影web</h3>
<input type="text" id="yueying" />
<input type="button" onclick="yue()" value="替换"/>