DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript初學者實例教程(1):簡單交互
Javascript初學者實例教程(1):簡單交互
編輯:關於JavaScript     

前言:

接觸JS以來,一直沒有好好學完過一本js的書;從今天開始,我將從新開始學習、整理並分享我學習過程中的js代碼。

今後發布的代碼中並不代表全屬於原創,相反很多部分都會源於互聯網。希望大家看了之後不要訓斥,畢竟“面斥不雅”!在這裡發布出來,純粹是為了共享給哪些曾經和我一樣,或者正在學習前線的朋友們;同時我也希望在這裡得到更多人的支持,如果朋友有什麼建議和意見,請多多跟帖。共同探討!thanks!

相關文章:深入學習Javascript函數

實例一、

本實例主要介紹了navigator、cookie、screen、location對象、函數調用以及prompt、alert、confirm交互的簡單應用。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <script language="javaScript">
  if(confirm("真的要看嗎?")==true){
  var password;
  password = prompt("密碼520:","請輸入密碼吧!");
  if(password=="520"){
  alert("恭喜你了,進去吧!");
  document.write("測試利用navigator對象檢測浏覽器如下信息:<br/>")
  document.write("浏覽器的名稱:"+navigator.appName+"<br/>");
  document.write("浏覽器的版本號:"+navigator.appVersion+"<br/>");
  document.write("運行平台:"+navigator.platform+"<br/>");
  document.write("是否支持cookie:"+navigator.cookieEnabled+"<br/><br/>");
  document.write("測試利用screen對象獲得浏覽器窗口分辯率的大小:<br/>");
  document.write("窗口高度:"+screen.height+"<br/>");
  document.write("窗口寬度:"+screen.width+"<br/>");
  document.write("顏色深度:"+screen.colorDepth+"<br/>");
  }else{
  message();
  }
  }
  function  loadingMessage(param){
    alert("不好意思哦!"+param+"密碼不對哦!再來吧!");
 return false;
 }
  function message(){
 loadingMessage("哈啰")
  }
 </script>
  </HEAD>
 <BODY>
  <a href="#" onclick="window.location='http://www.poluoluo.com';">點擊我</a>
 </BODY>
</HTML>

演示效果如下:

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved