zoukankan      html  css  js  c++  java
  • javascript入门(一)

    微笑高手就能够直接跳过了,刚開始学习javascript,从零開始, 记录一点一滴,不断提高。

    菜鸟的不断成长。

    以下就写上几个简单的JS  入门代码吧。高手就不要BS了奋斗

    <!DOCTYPE html>
    <html>
    
    	<body>
    		<script>
    		function changeImage(){
    			element=document.getElementById("myimage")
    			if(element.src.match("bulbon")){
    				element.src="i/eg_bulboff.gif";
    			}else{
    				element.src="i/eg_bulbon.gif";
    			}
    		}
    		</script>
    		
    		<img id="myimage" onclick="changeImage()" src="i/eg_bulboff.gif" />
    		
    	</body>
    </html>
    
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    	<h1>Jscript样例1</h1>
    	<p id="demo">
    	hello world.welcome to here.
    	</p>
    <script type="text/javascript">
    		function myf(){
    		x=document.getElementById("demo");
    		x.innerHTML="你好,PPKER。

    欢迎来到JS"; } </script> <input type="button" onclick="myf()" value="点击"> </body> </html>

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    	<h1>改变样式</h1>
    	<p id="demo">
    	德玛上单,不给就送啊!
    	</p>
    	<script type="text/javascript">
    		function myf(){
    			x=document.getElementById("demo");
    			x.style.color="red";
    		}
    	</script>
    	<input type="button" onclick="myf()" value="点击">
    </body>
    </html>
    <!DOCTYPE html>
    <html>
    <head><meta charset="utf-8" /></head>
    <body>
    <input id="demo" type="text">
    <script type="text/javascript">
    function myf()
    {
    var x=document.getElementById("demo").value;
    if(x==""||isNaN(x))
    	{
    	alert("姐,请输入数字");
    	}else{
    		alert("OK");
    	}
    }
    </script>
    
    <button type="button" onclick="myf()">点击这里</button>
    
    </body>
    </html>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <script type="text/javascript">
    	function  myf(){
    		document.getElementById("demo").innerHTML="~~~上MISS了,嘿嘿嘿";
    	}
    </script>
    </head>
    <body>
    	<p id="demo">努克萨斯</p>
    	<button type="button" onclick="myf()">点击</button>
    </body>
    </html>
    睡觉高手就不要BS了,都是从菜鸟開始的。别总是在想怎样学好,坚持下去吧。无他,唯孰而已。







  • 相关阅读:
    java实现调用打印机代码
    java合并PDF文件
    关于如何把项目做得更好的一次思考
    web语义化之SEO和ARIA
    快速理解web语义化
    使用HTML5地理位置定位到城市的方法及注意事项
    Plupload上传插件简单整理
    两列布局——左侧宽度固定,右侧宽度自适应的两种方法
    Java并发编程之线程基础
    Spring Boot学习之YAML文件配置
  • 原文地址:https://www.cnblogs.com/jzssuanfa/p/7260361.html
Copyright © 2011-2022 走看看