首页 > 其他分享 >JS收藏

JS收藏

时间:2023-06-15 18:04:11浏览次数:44  
标签:src style ft openedid 收藏 srcelement images JS


2、在HTML页面中显示分数,可用如下格式:

½ 
¾ 
⅓ 
===============================================
function isCharsInBag (s, bag)
{ 
 var i;
  for (i = 0; i < s.length; i++){ 
  var c = s.charAt(i);
  if (bag.indexOf(c) == -1)
    return false;
   }
  return true;
}
function checkform(){
  if(document.all["marketPrice"].value.length>0 && !isCharsInBag(document.all["marketPrice"].value,"0123456789."))
 {
  alert("提示!请检查一下您输入〖市场价〗是否为数字?");
  document.all["marketPrice"].focus();
  return false;
 }
      if(document.all["hotelUserName"].value.length<2)
       {
         alert("提示!请输入正确的〖酒店用户名〗!");
         document.all["hotelUserName"].focus();
         return false;
       }
        var regex = /^(([\-\w]+)\.?)+@(([\-\w]+)\.?)+\.[a-zA-Z]{2,4}$/;
        if((!regex.test(document.all["hotelEmail"].value))&&(!document.all["hotelEmail"].value.length<1))
       {
         alert("提示!输入的〖邮件地址〗无效!");
         document.all["hotelEmail"].value="";
         document.all["hotelEmail"].focus();
         return false;
       }
        var regex1=/^\d{6}$/;
       if ((!regex1.test(document.all["hotelPostCode"].value))&&(!document.all["hotelPostCode"].value.length<1)){
          alert("提示!〖邮政编码〗必须是6个数字");
          document.all["hotelPostCode"].value="";
          document.all["hotelPostCode"].focus();
          return false;
       } 
        var ExtList = ".jpg.gif.bmp";
    if ((ExtList.indexOf(document.all["file"].value.substr(document.all["file"].value.lastIndexOf(".")+1).toLowerCase())==-1)&&(!document.all["file"].value.length<1)){
      alert("提示!上传的〖客房图片〗格式不正确!");
       document.all["file"].value="";
      document.all["file"].focus();
       return false;
      }
       return true;
 }
function cityChange()
{   
    hotelForm.action = "/hotel/selectHotel.do?actiontype=select";
    hotelForm.method = "post";
    hotelForm.submit();
}

2、一段实现checkbox 单选的代码

一组名称相同的checkbox 但只能选择一个,或者取消选择。

把本函数链到选择框的onclick 事件上。onClick="ChangeSelect(this)"。

function ChangeSelect(obj)
  {
      theForm=document.forms[0];
      var oldStatus;
      oldStatus = obj.checked;
      for(i=0;i<theForm.elements.length;i++)
      {
          if(theForm.elements.name==obj.name)
          {
            theForm.elements.checked=false;   
          }
      }
      if(oldStatus)
          obj.checked = true;
      else
          obj.checked = false;
      return true;
      
  }

3、怎样查找一个网站有多少网页登陆搜索引擎

搜索内容如下。

site:qh663.512j.com

4、网页背景音乐代码详解

网页背景音乐代码:

将这段代码插入到您的<head></head>之间

当您打开网站时即可听到背景音乐:

<bgsound src=china.mid loop="-1">

这种当网页最小化之后,音乐会消失

网页背景音乐的代码:

<embed src="http://XXX.com/XXX.mp3" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1" height="1"></embed>

1.mid表示音效文件

<embed src="1.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1" height="1"></embed>

上面的网页背景音乐代码可以加入FLASH动画的绝对地址(或相对地址)

<embed width=1 height=1 autostart="true" loop="true" controls=PlayButton console=clip1 nolabels=true type="audio/x-pn-realaudio-plugin" src="1.ram"> </embed>

ram格式的音乐文件专用网页背景音乐代码:

<embed src="1.mid" align="center" border="0" width="1" height="1" width="100" autostart="true" loop="true">

指定播放器的大小(width、heigh)、是否自动(autostart标记)、是否循环播放(loop标记),而浏览者则可以自主地决定是否播放音乐。

此代码可以当作网页中插入FLASH动画的代码用。只要把1.mid替换为FLASH动画的相对地址或决对地址就OK了。

<embed src="1.mp3" align="center" border="0" width="1" height="1" width="100" autostart="true" loop="true">

此代码可以加mp3形式的音乐为网页背景音乐

<EMBED src="http://XXX.com/XXX.mp3" width="0" height="0" border=0 autostart="ture" loop="ture"></EMBED>

1.mid表示音效文件

<bgsound src="1.mid" loop=3>

表示将1.mid音效文件插入到页面为背景音乐,并循环播放3次。

<embed src="1.mid" hidden="true">

1.mid表示音效文件

<bgsound src="1.mid" loop="infinte">

1.mid表示音效文件

<embed src="1.mid" hidden="true" loop="true">

1.mid表示音效文件

<bgsound src=1.mid loop="-1">

1.mid表示音效文件

5、鼠标移动表格行变色

<table width="100%" border="1" align="center" cellpadding="0" cellspacing="1" bordercolor="#FF99FF" >
<tr>
  <td onm ouseOut="this.style.backgroundColor=''" onm ouseover="this.style.backgroundColor='#ffcccc'">1</td>
</tr>
<tr>
    <td width="20%" nowrap class="txt_middle">   </td>
</tr>
<tr>
    <td class="txt_middle"> </td>
</tr>
</table>

6、防止表格撑破

<table width=200 style="table-layout:fixed;word-wrap:break-word;word-break:break-all">
<tr>
<td> 
dsfdf
<table width="1500" border="0" cellpadding="0" cellspacing="0" bgcolor="#FF0000">
<tr>

<td>是 一 套 快 捷、準 確 的?會 計 系 統。本 系 統 專 為 中 小 型 企 業 處 理 繁 重 的 發 票、應 收 帳 及 存 貨 管 理 工 作 而 設 計 的,具 備 大 量 實 用 功 能。為 適 應 複 雜 的 商 業 環 境,尖 端 進 銷 存 系 統 提 供 多 貨 幣、多 語 言 等 多 項 先 進 功 能 ,同 時 採 用 了 友 善 的 視 窗 介 面,使 用 戶 能 極 短 時 間 內 掌 握 使 用 方 法。本 系 統 亦 </td>

</tr>
</table>
fdsf 
</td>
</tr>
</table>

7、全选反选表单

<script language="JavaScript" type="text/JavaScript">
function CheckOthers(form)
{
  for (var i=0;i<form.elements.length;i++)
  {
      var e = form.elements;
//       if (e.name != 'chkall')
          if (e.checked==false)
          {
            e.checked = true;// form.chkall.checked;
          }
          else
          {
            e.checked = false;
          }
  }
}
function CheckAll(form)
{
  for (var i=0;i<form.elements.length;i++)
  {
      var e = form.elements;
//       if (e.name != 'chkall')
          e.checked = true// form.chkall.checked;
  }
}
</script>
<form name="form" method="post" action="">
<input type="checkbox" name="checked[$key]" value="48004">
<input type="checkbox" name="checked[$key]" value="48004">
<input type="checkbox" name="checked[$key]" value="48004">
<input type="checkbox" name="checked[$key]" value="48004">
<input name="chkall" type="button" title="选择所有" onClick="CheckAll(this.form)" value="全选">
<input name="chkOthers" type="button" title="反向选择" onClick="CheckOthers(this.form)" value="反选">
</form>
文本输入限制
<script>
 function regInput(obj, reg, inputStr)
 {
  var docSel = document.selection.createRange()
  if (docSel.parentElement().tagName != "INPUT") return false
  oSel = docSel.duplicate()
  oSel.text = ""
  var srcRange = obj.createTextRange()
  oSel.setEndPoint("StartToStart", srcRange)
  var str = oSel.text + inputStr + srcRange.text.substr(oSel.text.length)
  return reg.test(str)
 }
</script>

小写英文:<xmp style= "display:inline"> </xmp>

<input onkeypress = "return regInput(this, /^[a-z]*$/,  String.fromCharCode(event.keyCode))"
  onpaste  = "return regInput(this, /^[a-z]*$/,  window.clipboardData.getData('Text'))"
  ondrop  = "return regInput(this, /^[a-z]*$/,

JavaScript控制菜单开关:

<script language="JavaScript"> 
  function log_out() {
   top.location.href = "logout.jsp";
  }
<!-- 
var openedid; 
var openedid_ft; 
var flag=0,sflag=0; 
var folderCodes = new Array('Personal','Product','Order','Lottery','Bonus','Friend','Plan','Complain','Survey');
function clickHandler() { 
 var targetid,srcelement,targetelement; 
 var strbuf; 
 srcelement=window.event.srcElement;  
 if(srcelement.className=="outline") { //在Menu.asp文件如果 class="outline" 则执行
  //将它对应的id值加d得到一个新的id值 "1out6d"
  targetid=srcelement.id+"d"; 
  //alert(targetid);
//退出系统
  if (targetid == "Logoutd") {
   if (confirm("请确实是否退出会员系统?"))
     log_out() ;
   return;
  }
   
  targetelement=document.all(targetid); 
  
  // 关闭其他
  for (i=0; i<folderCodes.length; i++)
   document.all(folderCodes[i]+"d").style.display='none';
  targetelement.style.display='';
  /*
  if (targetelement.style.display=="none") {  //如果 style="display:none" 则执行
   targetelement.style.display=''; //将 display 赋以空值表示菜单以打开
   strbuf=srcelement.src; 
   if(strbuf.indexOf("images/plus.gif")>-1) {  //进行图标变换   
    srcelement.src="images/tree_plus.gif"; 
   } 
   else { 
    srcelement.src="images/tree_plus.gif"; 
   } 
  } 
  else { 
   targetelement.style.display="none"; 
   strbuf=srcelement.src; 
   if(strbuf.indexOf("images/tree_plus.gif")>-1)  { 
    srcelement.src="images/tree_plus.gif"; 
   } 
   else { 
    srcelement.src="images/tree_plus.gif"; 
   } 
  } 
  */
 } 
 if(srcelement.className=="dirclick") { 
  targetid=srcelement.id+"img"; 
  targetelement=document.all(targetid); 
  if(flag==1) { 
   if(openedid) { 
    openedid.src="images/tree_dir.gif"; 
   } 
   openedid_ft.style.background="#ffffff"; 
   openedid_ft.style.color="#0000ff"; 
  } 
  if(sflag==1) { 
   openedid_ft.style.background="#ffffff"; 
   openedid_ft.style.color="#0000ff"; 
  } 
  targetelement.src="images/a.gif"; 
  srcelement.style.background="#000080"; 
  srcelement.style.color="#ffffff"; 
  openedid=targetelement; 
  openedid_ft=srcelement; 
  flag=1; 
  sflag=0; 
 } 
 if(srcelement.className=="serviceclick") { 
  targetid=srcelement.id+"img"; 
  targetelement=document.all(targetid); 
  if(flag==1) { 
   if(openedid) { 
    openedid.src="images/a.gif"; 
   } 
   openedid_ft.style.background="#ffffff"; 
   openedid_ft.style.color="#0000ff"; 
   //targetelement.src="images/tree_dir.gif"; 
  } 
  if(sflag==1) { 
   openedid_ft.style.background="#ffffff"; 
   openedid_ft.style.color="#0000ff"; 
  } 
  srcelement.style.background="#000080"; 
  srcelement.style.color="#ffffff"; 
  openedid=targetelement; 
  openedid_ft=srcelement; 
  sflag=1; 
  flag=0; 
 } 
} 
document.onclick = clickHandler; 
//--> 
</script>
 //===============================checkbox============//
//全选。form.selectall.checked为全选按钮的状态。
<SCRIPT language=JavaScript>
<!--
function CheckAll(form)
  {
  for (var i=0;i<form.elements.length;i++)
    {
    var e = form.elements[i];
    if (e.name != 'selectall')
       e.checked = form.selectall.checked;
    }
  }
//-->
</SCRIPT>
//取checkbox的值
  String[] name = request.getParameterValues("myCheckBox");   
   //注:这个"myCheckBox"值就是上一个页面里面对应的checkbox的name对应的值。 
 for(int k=0;k<name.length;k++){  
   String id = name[k];
 }

标签:src,style,ft,openedid,收藏,srcelement,images,JS
From: https://blog.51cto.com/u_16065168/6493843

相关文章

  • javascript eval和JSON之间的联系
    本文着重解释eval函数和JSON数据格式之间的联系以及一些细节上的问题。如果您想详细了解eveval :https://developer.mozilla.org/En/Core_JavaScript_1.5_Reference/Global_Functions/EvalJSON:http://www.json.org/eval函数的工作原理eval函数会评估一个给定的含有JavaScr......
  • NodeJS系列(1)- 安装配置 NVM + NodeJS
    NodeJS(或Node.js) 是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。简而言之,NodeJS就是运行在服务端的JavaScript。NVM(NodeVersionManage),即NodeJS的版本管理工具。不同项目依赖不同的NodeJS版本......
  • 碎片化学习前端之JavaScript(JS 压缩图片)
    前言图片压缩是前端开发中常见的需求,目前前端主流的解决方案有:Canvas手动实现压缩以及第三方库压缩两种方案。Canvas手动实现压缩Canvas实现压缩主要原理是:将图片绘制到canvas上,然后通过调整canvas的宽高来实现压缩。functioncompressImage(file,maxWidth,maxHeight......
  • Compile Unity jslib in command
    CompileUnityjslibincommand(JinQing’sColumn,May.,2023)MyUnityprojecthasajslibfile,whichhasmanysyntaxerrors.ButUnitydoesnotreportthesejsliberrorslikecsfiles,untiltheWebGLbuildfailswithaerrorlikethis:Failedprocessstd......
  • Linux安装nodejs
    cd/opt/softwgethttps://cdn.npmmirror.com/binaries/node/v16.15.1/node-v16.15.1-linux-x64.tar.xztar-xvfnode-v16.15.1-linux-x64.tar.xzmvnode-v16.15.1-linux-x64nodejs-v16.15#建立软连接ln-s/opt/soft/nodejs-v16.15/bin/node/usr/bin/nodeln-s/o......
  • sql server 计算两个时间相差(年月日时分秒)(收藏)
    selectdatediff(year,开始日期,结束日期);--两日期间隔年selectdatediff(quarter,开始日期,结束日期);--两日期间隔季selectdatediff(month,开始日期,结束日期);--两日期间隔月selectdatediff(day,开始日期,结束日期);--两日期间隔天selectdatediff(week,开始日期,......
  • npm publish 发包报错npm ERR! 403 403 Forbidden - PUT https://registry.npmjs.org/
    如果出现在发布的时候报这个错,说明你在package.json中登记的name已近被采用了。重名了,所以你得换一个。我们在发布一个包之前,最好拿着这个登记的name去搜一下,如果已近有了,那就要换一个。......
  • js判断开始时间是否小于结束时间(时分 格式)
    shifen(shi,fen){//分割开始时间的时letkaiShi=shi.split(":")[0];//分割开始时间的分letkaiFen=shi.split(":")[1];//分割结束时间的时letjieShi=fen.split(":")[0];......
  • js判断时间是否存在重叠(多个时间段)
    Fn(dateAr){for(letkindateAr){if(!this.judege(k)){returnfalse}}returntrue},judege(idx){letdateAr=this.sellerTimeJson......
  • JS 保留小数 又一方法
    对于X进行保留两位小数的处理,则可以使用Math.round(X*100)/100进行处理。 在JavaScript中,对数值进行四舍五入操作的场景还有以下几种:向上取整:ceil向下取整:floor四舍五入:round固定精度:toFixed固定长度:toPrecision取整:parseInt、位运算 ......