Javascript初学者实例教程(1):简单交互

【 tulaoshi.com - Web开发 】

前言：

接触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.webjx.com';"点击我/a
 /BODY
/HTML

演示效果如下：

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"HTMLHEADTITLE New Document /TITLEscript 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/HEADBODYa href="#" onclick="window.location='http://www.webjx.com';"点击我/a/BODY/HTML
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]