当前位置: 首页 > 图文教程 > 网络编程 > Javascript > Javascript初学者实例教程(1):简单交互

Javascript
Javascript初学者实例教程(10):图像属性
FF与IE下javascript计算屏幕尺寸
可输入的下拉框
超强图片数量上传无限制
提高代码性能技巧谈—以创建千行表格为例
让插入到 innerHTML 中的 script 跑起来的实现代码
自动设为主页
脚本写的IE右键助手
[原创]checkbox实现全选的多种方法 不断更新
Div+CSS+JS树型菜单,可刷新
CSS+JS构建的图片查看器
如何实现iframe(嵌入式帧)的自适应高度
颜色渐变效果
一条一条新闻向上的滚动 不错
模拟抽奖
[原创]用srcElement实现添加效果
获取对象
带Checkbox的列表框
[原创]图片分页查看
[原创]手机号码本地检测

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 449 ::
收藏到网摘: n/a

前言:

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

演示效果如下:


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]