从零开始的毕设--JavaScript-交互式网络

交互式网络

javascript与HTML/CSS共同构成网页的三大元素。
遵循结构(structure,HTML),样式(style,CSS),行动(action,javascript)的路径。
问题在于HTML与CSS没有真正的交互性,javascript能够检测一切网页上的行动,它是一种脚本语言。

javascript

利用<script>标签,向浏览器表示以下为Javascript。
HTML的任何地方都能安插这个标签,但是最好放在网页的<head>区域。

<html>
	<head>
		<title>House Finder</tile>
		<script type="text/javascript">
			function validateNumber(value){
				if(!isNumber(value))
				alert("请输入数字");}
		</script>
	</head>
	<body></body>
</html>	
  • 这么说,我放在<script>标签里的一切都是javascript?
    不见得,这个标签只是表示接下来的是脚本语言,但是不一定是javascript。说明type的属性type="text/javascript"才是对浏览器指定采用javascript的部分。
  • 还有其他的脚本语言么?
    当然,比如AJAX ASP.NETDENGDENG 。
  • <script>一定要放在<head>区域里么?
    虽然可以放在任何地方,但是最好放在某一特定位置方便查找。
  • 如何让浏览器运行javascript?
    浏览器有一中特殊的软件—javascript解释器,因为javascript被有些人称为***解释语言***,它不同于***编译语言***,不需要编译器的转换。
  • javascript是怎么运行的?
    大多数javascript代码于网页内发生事件时运行。比如,点击按钮,或者刚刚载入网页。javascript有一个事件机制,可以在网页发生事件时触发javascript代码。
  • 一定要使用javascript么?
    不使用javascript也能获得网页的交互性,但往往缺乏效率,还带来称重的负担。比如,以数据验证为例子,提交表单后可以由后台服务器进行处理,但是这种方式代表要把整份表单提交,等待服务器验证工作完毕才能得到结果返回新的网页。Javascript交互性则完全发生在浏览器里,不需要载入新页面,所以降低了非必要的来回传送损失的时间。
<html>
  <head>
    <title>iRock - The Virtual Pet Rock</title>

    <script type="text/javascript">
      function touchRock() {
        var userName = prompt("What is your name?", "Enter your name here.");
        if (userName) {
          alert("It is good to meet you, " + userName + ".");
          document.getElementById("rockImg").src = "rock_happy.png";
        }
      }
    </script>
  </head>

  <body onload="alert('Hello, I am your pet rock.');">
    <div style="margin-top:100px; text-align:center">
      <img id="rockImg" src="rock.png" alt="iRock" style="cursor:pointer" onclick="touchRock();" />
    </div>
  </body>
</html>

猜你喜欢

转载自blog.csdn.net/No_Game_No_Life_/article/details/82936938
今日推荐