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

Javascript
javascript 面向对象的经典实例代码
javascript prototype原型操作笔记
JavaScript 常见对象类创建代码与优缺点分析
javascript 混合的构造函数和原型方式,动态原型方式
测试JavaScript字符串处理性能的代码
JQuery 表单中textarea字数限制实现代码
jQuery Selectors(选择器)的使用(六、属性篇)
IE浏览器打印的页眉页脚设置解决方法
javascript检测(控制 )上传文件大小
jquery 双色表格实现代码
JavaScript Cookie的读取和写入函数
JavaScript 利用Cookie记录用户登录信息
JavaScript Cookie显示用户上次访问的时间和次数
JavaScript Cookie 直接浏览网站分网址
javascript OFFICE控件测试代码
javascript setTimeout和setInterval 的区别
javascript弹出窗口 window.open使用方法以及参数说明分析篇
可以用来搜索当前页面内容的js代码
动态调整textarea中字体的大小代码
为指定元素增加样式的js代码

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 447 ::
收藏到网摘: 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 全部选择 提示:你可先修改部分代码,再按运行]