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

Javascript
动态生成select选项全接触
不刷新页面动态更新select选项,实现两个select相互操作
网页输入框日期型有效性判定一网打尽
实用Javascript函数之一(自动将输入文本框中的内容转换成大写字符)
实用Javascript函数之二(自动将输入文本框中的内容转换成小写字符)
实用Javascript函数之三(限制文本输入框中只能输入数字\"0\"到\"9\")
实用Javascript函数之四(用于对sString字符串进行前空格截除)
实用Javascript函数之五(用于对sString字符串进行后空格截除)
实用Javascript函数之六(截除字符串前后空格)
如何使用交替的滚动标题
采用DOM模型时创建一个Select节点后,要删除option项的解决方法
javascript函数速查
利用JavaScript和正则表达式进行丰富的日期判断(给其它项目组的代码,有比较好的编程风格和注释)
关于字符串的几个有用函数
FileSystemObject 的例子(处理驱动器、文件夹、文件)
用JScript实现VB.Net,C#的[委托Delegate]:
得到固定字符位置的函数
IE NC通用的藏鼠标右键一法
Menu
foolpot2001菜单

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


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