分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

js基础:输出,语句,变量的小例子

发布时间:2023-09-06 01:28责任编辑:彭小芳关键词:js
<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>Document</title></head><body> ???<h1>JavaScript</h1> ???<p>请输入数字,如果输入值不是数字,浏览器会弹出提示框。</p> ???<input type="text" name="" id="demo"> ???<script type="text/javascript"> ???????function myFunction(){ ???????????var x=document.getElementById(‘demo‘).value; ???????????if(x==‘‘||isNaN(x)) ???????????{ ???????????????alert(‘不是数字!‘); ???????????} ???????} ???</script> ???<input type="button" name="" value="点击这里" onclick="myFunction()"> ???<hr/> ???<p id="demo2">javascript能改变html元素的样式</p> ???<script type="text/javascript"> ???????function myFunction2(){ ???????????var yangs=document.getElementById(‘demo2‘);//找到该元素 ???????????yangs.style.color=‘yellow‘;//改变字体颜色为红色 ???????} ???</script> ???<input type="button" name="" value="请点击这里" onclick="myFunction2()"> ???<hr> ???<p id="demo3" onclick="myFunction3()">点击我,改变html内容</p> ???<script type="text/javascript"> ???????function myFunction3(){ ???????????var neir=document.getElementById(‘demo3‘); ???????????neir.innerHTML=‘已经改变js内容了‘; ???????} ???</script> ???<hr> ???<!-- 通过指定的id来访问html元素,并改变其内容 --> ???<p id="demo4" onclick="myFunction4()">点击我,内容未改变</p> ???<script> ???????function myFunction4(){ ???????????document.getElementById(‘demo4‘).innerHTML=‘内容已改变‘; ???????} ???</script> ???<hr> ???<!-- 一个好的编程习惯是,在代码开始处,统一对需要的变量进行声明。 --> ???<p>创建变量并显示效果</p> ???<p id="demo5"></p> ???<script> ???????function myFunction5(){ ???????????var carname=‘这是新名字Marvin‘ ???????????document.getElementById(‘demo5‘).innerHTML=carname; ???} ???</script> ???<input type="button" name="" value="点击" onclick="myFunction5()"> ???<hr> ???<p>js数组</p> ???<script type="text/javascript"> ???????var i; ???????var cars=new Array(); ???????cars[0]=‘A‘; ???????cars[1]=‘B‘; ???????cars[2]=‘C‘; ???????for(i=0;i<cars.length;i++){ ???????????document.write(cars[i]+‘<br>‘); ???????} ???</script></body></html>

js基础:输出,语句,变量的小例子

原文地址:http://www.cnblogs.com/LoveMarvin/p/7977922.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved