免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
› 论坛 › 程序设计 › Web开发 › javascript学习
最近访问板块 发新帖
查看: 2232 | 回复: 1
打印 上一主题 下一主题

javascript学习 [复制链接]

凝望长空

论坛徽章:
0
跳转到指定楼层
1楼 [收藏(0)] [报告]
发表于 2011-12-08 21:10 |只看该作者 |倒序浏览
javascript学习











1.alert消息换行

   通过加"\n"换行

   alert("再次向您问好！在这里，我们向您演示" + '\n'+"如何向警告框添加折行。")

2.添加提示框（通过prompt）

    示例代码如下

Java代码
  1. <html>   
  2. <head>   
  3. <script type="text/javascript">   
  4. function disp_prompt()   
  5.   {   
  6.   var name=prompt("请输入您的名字","Bill Gates")   
  7.   if (name!=null && name!="")   
  8.     {   
  9.     document.write("你好！" + name + " 今天过得怎么样？")   
  10.     }   
  11.   }   
  12. </script>   
  13. </head>   
  14. <body>   
  15.   
  16. <input type="button" onclick="disp_prompt()" value="显示提示框" />   
  17.   
  18. </body>   
  19. </html>  

  21. <html>
  22. <head>
  23. <script type="text/javascript">
  24. function disp_prompt()
  25.   {
  26.   var name=prompt("请输入您的名字","Bill Gates")
  27.   if (name!=null && name!="")
  28.     {
  29.     document.write("你好！" + name + " 今天过得怎么样？")
  30.     }
  31.   }
  32. </script>
  33. </head>
  34. <body>

  36. <input type="button" onclick="disp_prompt()" value="显示提示框" />

  38. </body>
  39. </html>
复制代码
3.检查浏览器版本

    代码示例如下



Java代码
  1. <html>   
  2. <body>   
  3. <script type="text/javascript">   
  4. document.write("<p>浏览器：")   
  5. document.write(navigator.appName + "</p>")   
  6.   
  7. document.write("<p>浏览器版本：")   
  8. document.write(navigator.appVersion + "</p>")   
  9.   
  10. document.write("<p>代码：")   
  11. document.write(navigator.appCodeName + "</p>")   
  12.   
  13. document.write("<p>平台：")   
  14. document.write(navigator.platform + "</p>")   
  15.   
  16. document.write("<p>Cookies 启用：")   
  17. document.write(navigator.cookieEnabled + "</p>")   
  18.   
  19. document.write("<p>浏览器的用户代理报头：")   
  20. document.write(navigator.userAgent + "</p>")   
  21. </script>   
  22. </body>   
  23. </html>  

  25. <html>
  26. <body>
  27. <script type="text/javascript">
  28. document.write("<p>浏览器：")
  29. document.write(navigator.appName + "</p>")

  31. document.write("<p>浏览器版本：")
  32. document.write(navigator.appVersion + "</p>")

  34. document.write("<p>代码：")
  35. document.write(navigator.appCodeName + "</p>")

  37. document.write("<p>平台：")
  38. document.write(navigator.platform + "</p>")

  40. document.write("<p>Cookies 启用：")
  41. document.write(navigator.cookieEnabled + "</p>")

  43. document.write("<p>浏览器的用户代理报头：")
  44. document.write(navigator.userAgent + "</p>")
  45. </script>
  46. </body>
  47. </html>
复制代码
根据浏览器类型提示用户代码示例：

Java代码
  1. html>   
  2. <head>   
  3. <script type="text/javascript">   
  4. function detectBrowser()   
  5. {   
  6. var browser=navigator.appName   
  7. var b_version=navigator.appVersion   
  8. var version=parseFloat(b_version)   
  9. if ((browser=="Netscape"||browser=="Microsoft Internet Explorer") && (version>=4))   
  10.   {alert("您的浏览器够先进了！")}   
  11. else  
  12.   {alert("是时候升级您的浏览器了！")}   
  13. }   
  14. </script>   
  15. </head>   
  16.   
  17. <body onload="detectBrowser()">   
  18. </body>   
  19.   
  20. </html>  

  22. html>
  23. <head>
  24. <script type="text/javascript">
  25. function detectBrowser()
  26. {
  27. var browser=navigator.appName
  28. var b_version=navigator.appVersion
  29. var version=parseFloat(b_version)
  30. if ((browser=="Netscape"||browser=="Microsoft Internet Explorer") && (version>=4))
  31.   {alert("您的浏览器够先进了！")}
  32. else
  33.   {alert("是时候升级您的浏览器了！")}
  34. }
  35. </script>
  36. </head>

  38. <body onload="detectBrowser()">
  39. </body>

  41. </html>
复制代码
4.按钮图片转换

     代码示例（图片地址填写自己的）：



Java代码
  1. <html>   
  2. <head>   
  3. <script type="text/javascript">   
  4. function mouseOver()   
  5. {   
  6. document.b1.src ="/i/eg_mouse.jpg"  
  7. }   
  8. function mouseOut()   
  9. {   
  10. document.b1.src ="/i/eg_mouse2.jpg"  
  11. }   
  12. </script>   
  13. </head>   
  14.   
  15. <body>   
  16. <a href="/index.html" target="_blank">   
  17. <img border="0" alt="Visit W3School!" src="/i/eg_mouse2.jpg" name="b1"  onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>   
  18. </body>   
  19. </html>  
复制代码
小鬼萌萌控

论坛徽章:
0
2楼 [报告]
发表于 2011-12-24 20:28 |只看该作者
谢谢分享  希望于楼主多多交流
实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号：11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们：huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP