JS之屏幕的输出，键盘输入以及跳转

最新推荐文章于 2024-06-08 10:35:46 发布

legendaryhaha

最新推荐文章于 2024-06-08 10:35:46 发布

阅读量1.6k

点赞数 4

分类专栏： Web 文章标签： js 屏幕输出键盘输入 js跳转网页

本文链接：https://blog.csdn.net/legendaryhaha/article/details/84112948

版权

Web 专栏收录该内容

25 篇文章 1 订阅

订阅专栏

文章目录

输入
输出
跳转

输入

JS实现键盘输入可以通过prompt( )函数，在对话框实现输入

<body>
		<div>
			<button onclick="cal()" type="button" value="弹出计算框计算">弹出计算框计算</button>//按钮点击后触发cal函数
			<p>结果是:</p>
		</div>
		<script>
			function cal(){
				var answer = prompt("请输入计算式","1+2");//表示输入内容的提示，这里一开始会显示1+2
			}
		</script>
	</body>

在这里插入图片描述

ps：也可以通过confirm( )函数实现提示对话框的弹出
在这里插入图片描述

输出

输出用到document.write()

<p>欢迎你! </p>
<script type="text/javascript">   
     var result = 42;
     document.write("The result is :",  result, "<br/>");
</script>

在这里插入图片描述

跳转

<p onclick="jump()">欢迎你</p>//点击触发jump函数

<script type="text/javascript">
    function jump()  {
       window.location = "http://www.baidu.com";
       //打开新网络地址，或者采用下面也可以
       location.href = "http://www.baidu.com";
    }
</script>

legendaryhaha

关注

4
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
0
评论
JS之屏幕的输出，键盘输入以及跳转

文章目录输入输出跳转输入JS实现键盘输入可以通过prompt( )函数，在对话框实现输入&lt;body&gt; &lt;div&gt; &lt;button onclick="cal()" type="button" value="弹出计算框计算"&gt;弹出计算框计算&lt;/button&gt;//按钮点击后触发cal函数 &lt;p&gt;
复制链接

扫一扫