javascript判断输入的内容是否是数值和js内容替换

132 阅读1分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第22天,点击查看活动详情

javascript/js判断输入的内容是否是数值:

我们先看看JS代码和效果图

代码如下:

图1

1.png

按F12预览效果图如下:

图2

2.png

下面我们来讲解下这个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

3.png

按F12预览效果图如下:

原图:

图4

4.png

替换之后的JS效果图:

图5

5.png

下面我们来讲解下这个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="替换"/>

在后面的文章中会继续的给大家讲解其它的javascript/JS相关的功能和效果!

希望大家多多给意见!

关注公众号(月影WEB),了解更多的前后端知识;

欢迎大家关注互相交流学习;