`

js验证浏览器,禁用按钮,打印,转化字符串等小记

阅读更多

1 判断是何种浏览器
var name = navigator.appName;
if (name == "Microsoft Internet Explorer")
 alert("IE"); //IE`
else if (name == "Netscape")
 alert("NS");//Firefox

2 按钮点击后禁止所有按钮
for (var j = 0; j < document.forms.length; j++){
  for(var i=0;document.forms[j].elements.length;i++){
    if(document.forms[j].elements[i].type="button"){
      document.forms[j].elements[i].disabled = "disabled";
    }
  }
}

3 打印</a>打印网页
<a href='javascript:window.print ()'>

4 显示文档最后修改日期
document.write(document.lastModified);

5 可以根据网页上的选项来确定页面颜色
<HTML>
<HEAD>
 <TITLE>background.html</TITLE>
</HEAD>
<SCRIPT>
<!--

function bgChange(selObj) {
 newColor = selObj.options[selObj.selectedIndex].text;
 document.bgColor = newColor;
 selObj.selectedIndex = -1;
 }

//-->
</SCRIPT>
<BODY STYLE="font-family:Arial">
<B>Changing Background Colors</B>
<BR>
 <FORM>
  <SELECT SIZE="8" onChange="bgChange(this);">
  <OPTION>Red
  <OPTION>Orange
  <OPTION>Yellow
  <OPTION>Green
  <OPTION>Blue
  <OPTION>Indigo
  <OPTION>Violet
  <OPTION>White
 <OPTION>pink
  </SELECT>
 </FORM>
</BODY>
</HTML>

6 转至目标URL
window.location="http://www.baidu.com"

7 可以下载文件
document.location.href="目标文件"//

8 PreparedStatement的setDate和setTimestamp方法给数据库类型Date赋值
Connection conn = null;
PreparedStatement ps = null;
ps.setDate(1,new java.sql.Date(new java.util.Date().getTime()));//日期:年月日,没有时间
ps.setTimestamp(3, new java.sql.Timestamp(new java.util.Date().getTime()));//日期时间

9 PreparedStatement的setString()方法报错问题
当String字符串太大时报错,使用ps.setCharacterStream(1, new StringReader(inputXml), inputXml.length())方法替换setString()方法可解决

10 字符串去空格
parseString(inputXml.trim());使用此方法时,字符串有空格会报错,故参数字符串要去空格!

 

11 jsp中正则使用实例
/*
  对联系电话进行校验:手机必须1开头,3,5,8第二位,总共11位;
  固话,不加区号的必须以1开头,总位数6-9位,
  加区号必须以0开头,后2位为1-9中的2位或者3位,总位数8-14位
 */
 function checkTel(tel){
  if(tel.value!=""){
   if((checkPhone(tel.value)==false)
   &&(checkMobile(tel.value)==false)){
       alert("您输入的电话号码格式不正确!");
       return 1;
   }
  }
 }  
 function checkMobile( s ){   
  var regu =/^[1][3,5,8][0-9]{9}$/;
  var re = new RegExp(regu);
  if (re.test(s)) {
    return true;
  }else{
    return false;
  }
 }
 function checkPhone( strPhone ) { 
  var phoneRegWithArea = /^[0][1-9]{2,3}[0-9]{5,10}$/; 
  var phoneRegNoArea = /^[1-9]{1}[0-9]{5,8}$/; 
  if( strPhone.length > 9 ) {
   if( phoneRegWithArea.test(strPhone) ){
    return true; 
   }else{
    return false; 
   }
  }else{
   if( phoneRegNoArea.test( strPhone ) ){
    return true; 
   }else{
    return false; 
   }  
  }
 }
 
12 xml格式字符串转换为DOM
 function parseXML(str){
  if (window.ActiveXObject){  // 用于 IE 的代码:
     var doc=new ActiveXObject("Microsoft.XMLDOM");
     doc.async="false";
        doc.loadXML(str);
    }else{  // 用于 Mozilla, Firefox, Opera, 等浏览器的代码:
     var parser=new DOMParser();
     var doc=parser.parseFromString(str,"text/xml");
    }
  return doc;
 }
 
 向XML解析器载入了某个已有的XML文档("note.xml"):
 function loadXML(){
    // 用于 IE 的代码:
    if (window.ActiveXObject){
      xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
      xmlDoc.async=false;
      xmlDoc.load("note.xml");
      getmessage();
    }

    // 用于 Mozilla, Firefox, Opera, 等浏览器的代码:
    else if (document.implementation &&
    document.implementation.createDocument)
      {
      xmlDoc=document.implementation.createDocument("","",null);
      xmlDoc.load("note.xml");
      xmlDoc.onload=getmessage;
      }
    else
      {
      alert('Your browser cannot handle this script');
      }
  }

 

13 JDBC驱动ORACLE数据库连接
    String url = "jdbc:oracle:thin:@135.32.9.139:1521:ibsscrm";
  String user = "";
  String password = "";
  Connection conn = null;
  PreparedStatement ps = null;
  ResultSet rs = null;
  String sql = "";
  try{
      Class.forName("oracle.jdbc.driver.OracleDriver");
      conn = DriverManager.getConnection(url, user, password);
      ps = conn.prepareStatement(sql);
      ps.setString(1,"");//设置字符串参数
      ps.setCharacterStream(1,new StringReader(""),"".length);//设置字符串很大的参数
      ps.setDate(1,new java.sql.Date(new java.util.Date().getTime()));//日期:年月日,没有时间
      ps.setTimestamp(1, new java.sql.Timestamp(new java.util.Date().getTime()));//日期时间
      rs = ps.executeQuery();
      while(rs.next){
        rs.getString("");
        ... ...
      }
    }catch(Exception e){
      
    }
  
14 使用 onerror 事件是一种老式的标准的在网页中捕获 Javascript 错误的方法。
  <html>
  <head>
  <script type="text/javascript">
  onerror=handleErr
  var txt=""

  function handleErr(msg,url,l)
  {
  txt="There was an error on this page.\n\n"
  txt+="Error: " + msg + "\n"
  txt+="URL: " + url + "\n"
  txt+="Line: " + l + "\n\n"
  txt+="Click OK to continue.\n\n"
  alert(txt)
  return true
  }

  function message()
  {
  adddlert("Welcome guest!")
  }
  </script>
  </head>

  <body>
  <input type="button" value="View message" onclick="message()" />
  </body>

  </html>
  
  try...catch 的作用是测试代码中的错误。throw 声明的作用是创建 exception(异常或错误)。
  <html>
  <body>
  <script type="text/javascript">
  var x=prompt("Enter a number between 0 and 10:","")
  try
  { 
  if(x>10) 
  throw "Err1"
  else if(x<0)
  throw "Err2"
  } 
  catch(er)
  {
  if(er=="Err1") 
  alert("Error! The value is too high")
  if(er == "Err2") 
  alert("Error! The value is too low") 
  }
  </script>
  </body>
  </html>
  
15 使用反斜杠来向文本字符串添加特殊字符
  \' 单引号 
  \" 双引号 
  \& 和号 
  \\ 反斜杠 
  \n 换行符 
  \r 回车符 
  \t 制表符 
  \b 退格符 
  \f 换页符

16 js注释:
您可以使用两个斜杠来添加注释:

//this is a comment
document.write("Hello World!")也可以使用 /* 和 */:(这样可以创建多行的注释块)

/* This is a comment
block. It contains
several lines */

document.write("Hello World!")

如何与老的浏览器打交道
那些不支持 JavaScript 的浏览器会把脚本作为页面的内容来显示。为了防止这种情况发生,我们可以使用这样的 HTML 注释标签:

<script type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>

17 js对数字进行排序
  <html>
  <body>

  <script type="text/javascript">

  function sortNumber(a, b)
  {
  return a - b
  }

  var arr = new Array(6)
  arr[0] = "10"
  arr[1] = "5"
  arr[2] = "40"
  arr[3] = "25"
  arr[4] = "1000"
  arr[5] = "1"

  document.write(arr + "<br />")
  document.write(arr.sort(sortNumber))
  document.write(arr.sort(function(a,b){return a-b}))
  </script>

  </body>
  </html>

 

18 将一张表a字段相同的b字段拼接在一起如何做
如  a b
    1 x
    1 y
    1 z
    2 k
    2 e
-----------------------
select a,wm_concat(b) b from tt group by a;

a b
1 x,y,z
2 k,e

19 JS阻止事件冒泡
function test(e) {
    e = e || window.event;
    if(e.stopPropagation) { //W3C阻止冒泡方法
        e.stopPropagation();
    } else {
        e.cancelBubble = true; //IE阻止冒泡方法
    }
}

20获取鼠标点击绝对位置
  //获取对应属性的长度
 function getLength(attr,item){
      var offset = 0;  
      while (item){
          offset += item[attr];
          //alert(item.tagName);
          item = item.offsetParent;
      }     
      return offset; 
  }
  //offsetTop 获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置。
  //offsetLeft 获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。
  //spanObj为鼠标点击的对象 
  function test(spanObj){
    var left = getLength("offsetLeft",spanObj);
  var top =  getLength("offsetTop",spanObj);
  }

 

记着作笔记看看,以免以后用得到某些。

1
2
分享到:
评论

相关推荐

    javascript实现禁用浏览器后退按钮

    ### JavaScript 实现禁用浏览器后退按钮的知识点详解 #### 一、背景介绍 在Web开发过程中,有时候出于用户体验或者安全性的考虑,开发者可能会选择禁用浏览器的后退按钮功能。例如,在某些登录验证后的页面,为了...

    js禁用刷新按钮

    js禁用ie刷新按钮.模仿webqq的效果.

    全面考察“禁用浏览器后退按钮”

    浏览器的后退按钮是用户导航历史记录的重要工具,然而在某些特定场景下,开发者可能希望禁用或限制其功能,以防止用户意外打乱预定的页面流程,比如在线表单的提交过程。本文探讨了多种禁用或管理浏览器后退按钮的...

    浏览器页面,禁用刷新

    总的来说,禁用浏览器页面刷新是一个复杂的过程,涉及JavaScript事件处理、前端路由、数据持久化等多个方面。理解并掌握这些知识点,对于开发交互性更强的Web应用至关重要。通过不断学习和实践,我们可以更好地平衡...

    javascript怎么禁用浏览器后退按钮

    接下来将详细介绍如何使用JavaScript禁用浏览器后退按钮。 1. 使用`window.history.forward(1);`方法 通过执行`window.history.forward(1);`命令,可以使浏览器窗口的浏览历史记录前进一页,相当于模拟用户点击了...

    如何在 Web 浏览器中禁用 Java?

    如何在 Web 浏览器中禁用 Java? 在本文中,我们将介绍如何在 Web 浏览器中禁用 Java,以确保浏览器的安全性和稳定性。本文适用于多种平台和浏览器,包括 Solaris SPARC、Solaris x86、Red Hat Linux、SUSE Linux、...

    pdf.js使用demo(已解决隐藏打印下载等按钮)

    例如,打印按钮的 ID 通常是 `printButton`,下载按钮的 ID 可能是 `downloadButton`。在 `viewer.css` 或者你的自定义 CSS 文件中,添加如下代码: ```css #printButton { display: none; } #downloadButton { ...

    JavaScript阻止浏览器返回按钮的方法

    本文实例讲述了JavaScript阻止浏览器返回按钮的方法。分享给大家供大家参考。具体分析如下: 下面的JS代码可以阻止用户点击返回按钮,非常实用,需要的朋友可以收藏一下。 [removed] window.history.forward(); ...

    各主流浏览器如何禁用javascript脚本

    ### 各主流浏览器如何禁用JavaScript脚本 #### 一、引言 随着互联网技术的发展,JavaScript已经成为网页交互设计中不可或缺的一部分。然而,在某些特定情况下,用户可能出于隐私保护、网络安全或其他需求,需要在...

    vue实现微信浏览器左上角返回按钮拦截功能

    主要介绍了vue实现微信浏览器左上角返回按钮拦截功能,本文通过实例代码相结合的形式给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

    打印不显示打印按钮及获取其他属性

    3. **JavaScript禁用**:如果浏览器禁用了JavaScript,那么由JS动态生成的打印按钮将不会显示。 4. **代码错误**:检查相关的JavaScript代码,确认打印按钮的事件监听器是否正常工作,以及是否正确设置了触发打印的...

    屏蔽浏览器的后退按钮

    1. **浏览器限制**:大多数现代浏览器(如Chrome、Firefox、Safari等)都有内置的安全机制,不允许网站通过JavaScript或其他方式直接禁用后退按钮的功能。 2. **用户体验**:屏蔽后退按钮会影响用户的正常浏览体验...

    如何禁用浏览器的后退按钮.docx

    在网页设计和开发中,有时出于安全或用户体验的考虑,我们可能会希望禁用浏览器的后退按钮,防止用户通过点击后退按钮返回到之前的敏感页面。这篇文章主要探讨了几种禁用浏览器后退按钮的方法,虽然这并不是标准的...

    javascript获取浏览器相关属性

    通过检查`navigator.userAgent`字符串中是否包含特定的关键字,如`msie`、`firefox`等,来判断浏览器类型。然后根据检测结果,使用`document.write`方法输出相应的浏览器名称。 通过这些方法,我们不仅能够实现诸如...

    JS 禁用 退格-刷新-禁用地址栏-菜单栏-右键-窗口最大化

    浏览器菜单栏的禁用并非JavaScript的直接功能,而是涉及到浏览器扩展或特定的浏览器设置。在一些特定的环境中,如使用`&lt;iframe&gt;`或者Electron等桌面应用框架,可以创建全屏模式来隐藏浏览器菜单,但这些方法不适用...

    chrome禁用js插件

    标题“chrome禁用js插件”和描述“chrome浏览器禁用javascript的插件”涉及的是关于如何在Google Chrome浏览器中管理JavaScript的行为,特别是禁用JavaScript插件的主题。JavaScript是一种广泛使用的编程语言,它为...

    swfupload flash上传兼容所有浏览器

    7. **插件系统**:SWFUpload 允许开发者编写自定义插件来扩展其功能,例如添加文件预览、添加文件大小验证等功能。 8. **与服务器端的交互**:SWFUpload 并不关心服务器端的处理逻辑,但需要服务器返回适当的HTTP...

    Flash+js禁用flash右键

    需要注意的是,由于Flash的安全性和浏览器兼容性问题,现代浏览器已经逐步弃用了Flash技术,转而推荐使用HTML5、CSS3和JavaScript等更先进的Web标准。因此,对于新的项目,开发者应避免使用Flash,而是考虑使用这些...

    PyQt6限制按钮点击次数 按钮点击三次后禁用

    # PyQt6限制按钮点击次数 按钮点击三次后禁用 1. 创建 QPushButton 按钮,并绑定自定义函数作为按钮点击事件; 2. 新建整数型变量用于存储按钮点击次数; 3. 在按钮点击函数中定义每次点击变量加一,并判断等于3时将...

Global site tag (gtag.js) - Google Analytics