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

60 阅读 0 评论 40 点赞

我是靠谱客的博主傻傻银耳汤，最近开发中收集的这篇文章主要介绍从零开始的毕设--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>