Javascript_Note.2

最新推荐文章于 2022-12-01 21:45:00 发布

voldem_rt

最新推荐文章于 2022-12-01 21:45:00 发布

阅读量339

点赞数

本文链接：https://blog.csdn.net/voldem/article/details/45066995

版权

Web学习同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

JavaScript

6 篇文章 0 订阅

订阅专栏

以下是个人学习笔记，部分代码来自教程练习，高手请忽略本文

<!DOCTYPE HTML>
<html>
	<head>
		<title>Javascript_Note.2</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<link href="easy.css" rel="stylesheet" type="text/css">
	</head>
	<body>

	<!--~~~~~~~~~~~基本语法~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
		<div>
			<h3>1、基本语法，输出内容</h3>
		    <script type="text/javascript">
			    document.write("My Jvascript code!</br>");//直接输出内容
			    var textstr="利用变量输出内容";//使用语法：document.write(变量名)输出内容
			    document.write(textstr);
			    document.write("</br>");//document.write(),可用输出HTML标签并起作用，注意用""双引号括起来！ 
			    document.write(textstr+"通过+号连接");   
		    </script>
		</div>

	<!--~~~~~~~~~~~基本语法~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
		<div>
			<h3>2、基本语法，消息对话框</h3>
		    <script type="text/javascript">
		    	function str(){
		    	    var news="Success！";
		    	    alert(news);
		    	    /*以前看见的一个无趣的东西，现在看来太简单了
		    	    alert("点击确定有惊喜哦！");
		    	    alert ("让我看看你够不够诚心");
		    	    alert ("继续点击");
		    	    alert ("还要努力啊");
		    	    alert ("不错，够勤奋，不过还差一步");
		    	    alert ("快到了，加油！！");
		    	    alert ("就差最后一步了！");
		    	    alert ("bong！");
		    	    alert ("点击打开礼物");
		    	    alert ("哈哈，什么都没有");
					*/
		    	}
		    </script>
		    <input name="button" type="button" onClick="str()" value="点击弹出对话框"/>
		</div>
		<!--注意
	          基本语法：alert(字符串或变量);alert弹出消息对话框包括一个确定按钮。
	          当有多个alert时，按顺序输出。
			-->

	<!--~~~~~~~~~~~基本语法~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
		<div>
			<h3>3、confirm确认消息对话框</h3>
		    <script type="text/javascript">
		    function kidding(){
			    var masg=confirm("Are yue kidding?")
			    if(masg==true){
			    	document.write("You lost a frind!")
			    }
			    else{
			    	document.write("Sorry,I make a mistake!")
			    }
			}
		    </script>
		    <input name="button" type="button" οnclick="kidding()" value="点击我"/>
		</div>
		<!--注意
	          基本语法：confirm(string);
	          弹出对话框，当用户点击"确认"是，返回true,点击"取消"返回false
			-->

	<!--~~~~~~~~~~~基本语法~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
		<div>
			<h3>4、prompt 提问消息对话框</h3>
		    <script type="text/javascript">
		    function hello(){
		        var myname=prompt("请输入你的姓名：");
		        if(myname!=null){
		        	alert("你好，"+myname);
		        }
		        else{
		        	alert("你好 my friend");
		        }
		    }	
		    </script>
		    <input name="button" type="button" οnclick="hello()"/ value="请点击输入姓名">
		</div>
	    <!--注意
	          基本语法：prompt(str1,str2);
	          str1:要显示在消息对话框的提示消息，不可修改
	          str2:文本框，可输入内容
	          1. 点击确定按钮，文本框中的内容将作为函数返回值
			  2. 点击取消按钮，将返回null
			-->

	<!--~~~~~~~~~~~基本语法~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
		<div>
			<h3>5、窗口打开与关闭</h3>
		    <script type="text/javascript">
		    	function Winopen(){
		    		window.open('http://www.csdn.net/','_blank','height=600,width=400,top=100,left=0');
		    	}
		    </script>
		    	<input name="button" type="button" onClick="Winopen()" value="点击我，打开新窗口!" / >
		</div>
	    <!--注意
	          1、窗口打开：window.open(<URL>,<窗口名称>，<参数字符串>);
	          通过top,left,width,height空值窗口大小，位置
	          menubar 菜单，toolbar 工具条
	          scrollbars 滚动条，status 状态栏
			  2、窗口关闭：window.close();关闭本窗口
			  			   <窗口对象>.close();关闭指定的窗口
			  	<script type="text/javascript">
   				var mywin=window.open('http://www.imooc.com'); //将新打的窗口对象，存储在变量mywin中
   				mywin.close();
				</script>		   

			-->
	</body>
</html>