javascript基础第一章 JavaScript与用户端

  一 页面输出

  1.头部文件

  

复制代码 代码如下:

  <head>

  <script language="javascript">

  document.write("管理资源吧www.glzy8.com");

  </script>

  </head>

  2.页面内

  

复制代码 代码如下:

  <body>

  <script>

  document.write("管理资源吧");

  </script>

  </body>

  3.外部文件

  <script src="display.js"></script>

  4.利用页面ID的innerHtml

  

复制代码 代码如下:

  <script>

  window.onload = writeMessage; // 页面加载时调用writeMessage函数

  writeMessage() {

  document.getElementById("helloMessage").innerHTML = "管理资源吧";

  //找到dom ID(helloMessage),修改其html内容

  }

  </script>

  5.警告

  alert("广州百汇物流有限公司");

  6.询问

  

复制代码 代码如下:

  if (confirm("是否访问我们的首页"))

  {

  alert("是的,前往");

  }

  else {

  alert("退出");

  }

  7.输入

  

复制代码 代码如下:

  var ans = prompt("输入你的留言","您好,");

  if (ans) {

  alert("你说:" + ans);

  }

  else {

  alert("退出,没有留言");

  }

  8.页面跳转

  

复制代码 代码如下:

  <script>

  window.onload = initAll;

  function initAll() {

  document.getElementById("redirect").onclick = initRedirect;

  }

  function initRedirect()

  {

  window.location = "index.html";

  return false;

  }

  </script>

  <a href="http://www.glzy8.com" id="redirect">管理资源吧</a>

  9.判断分支

  

复制代码 代码如下:

  <script>

  window.onload = initAll;

  function initAll() {

  document.getElementById("Lincoln").onclick = saySomething;

  document.getElementById("Kennedy").onclick = saySomething;

  document.getElementById("Nixon").onclick = saySomething;

  }

  function saySomething() {

  switch(this.id) {

  case "Lincoln":

  alert("Four score and seven years ago...");

  break;

  case "Kennedy":

  alert("Ask not what your country can do for you...");

  break;

  case "Nixon":

  alert("I am not a crook!");

  break;

  default:

  }

  }

  </script>

  <form action="#">

  <input type="button" id="Lincoln" value="Lincoln" />

  <input

  type="button" id="Kennedy" value="Kennedy" />

  <input type="button" id="Nixon"

  value="Nixon" />

  </form>

  10.异常捕获

  

复制代码 代码如下:

  window.onload = initAll;

  function initAll() {

  var ans = prompt("输入参数:","");

  try {

  if (!ans || isNaN(ans) || ans<0) {

  throw new Error("输入为非数");

  }

  alert("根号" + ans + " 是 " + Math.sqrt(ans));

  }

  catch (errMsg) {

  alert(errMsg.message);

  }

  }