收集javascript的一些实用方法!

使用JS实现单击连接保存图片

2种形式都可以

第一种：

< script >  
function    SaveAs5(imgURL) 
... ... { 
  var   oPop   =   window.open(imgURL,"","width=1,   height=1,   top=5000,   left=5000");   
  for(;   oPop.document.readyState   !=   "complete";   )   
  ......{ 
    if   (oPop.document.readyState   ==   "complete")break; 
  } 
  oPop.document.execCommand("SaveAs"); 
  oPop.close();   
}  

</ script >  
< img   src = " t_screenshot_17616.jpg "    id = " DemoImg "    border = " 0 "    onclick = " SaveAs5(this.src) " >  

第二种：

< script >  
function    SaveAs5(imgURL) 
... ... { 
  var   oPop   =   window.open(imgURL,"","width=1,   height=1,   top=5000,   left=5000");   
  for(;   oPop.document.readyState   !=   "complete";   )   
  ......{ 
    if   (oPop.document.readyState   ==   "complete")break; 
  } 
  oPop.document.execCommand("SaveAs"); 
  oPop.close();   
}  

</ script >  
< img   src = " ../t_screenshot_17616.jpg "    id = " DemoImg "    border = " 0 " >  
< a   href = " # "      onclick = " SaveAs5(document.getElementById('DemoImg').src) " >  点击这里下载图片  </ a >    

JAVAScript如何实现图片等比缩放

 

< script language = " JavaScript " >
<!--
// 图片按比例缩放
var  flag = false ;
function  DrawImage(ImgD) ... {
var image=new Image();
var iwidth = 160; //定义允许图片宽度，当宽度大于这个值时等比例缩小
var iheight = 120; //定义允许图片高度，当宽度大于这个值时等比例缩小
image.src=ImgD.src;
if(image.width>0 && image.height>0)...{
flag=true;
if(image.width/image.height>= iwidth/iheight)...{
if(image.width>iwidth)...{ 
ImgD.width=iwidth;
ImgD.height=(image.height*iwidth)/image.width;
}else...{
ImgD.width=image.width; 
ImgD.height=image.height;
}

ImgD.alt=image.width+"×"+image.height;
}
else...{
if(image.height>iheight)...{ 
ImgD.height=iheight;
ImgD.width=(image.width*iheight)/image.height; 
}else...{
ImgD.width=image.width; 
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
}
}  
// 调用：<img src="图片" οnlοad="javascript:DrawImage(this)">
// -->
</ script >

http://blog.csdn.net/chinmo/archive/2008/02/22/2112388.aspx

关闭输入法
<input style="ime-mode:disabled">
光标是停在文本框文字的最后
<script language="javascript">
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart('character',e.value.length);
r.collapse(true);
r.select();
}
</script>
<input type=text name=text1 value="123" οnfοcus="cc()">
无关闭按钮IE
window.open("aa.htm", "meizz", "fullscreen=7");
TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>
怎样去掉图片链接点击后，图片周围的虚线？
<a href="http://www.javava.org" onFocus="this.blur()"><img src="http://www.javava.org/prima/img/logo.png" border=0></a>

• 事件源对象
  event.srcElement.tagName
  event.srcElement.type
• 捕获释放
  event.srcElement.setCapture();  
  event.srcElement.releaseCapture();  
• 事件按键
  event.keyCode
  event.shiftKey
  event.altKey
  event.ctrlKey
• 事件返回值
  event.returnValue
• 鼠标位置
  event.x
  event.y
• 窗体活动元素
  document.activeElement
• 绑定事件
  document.captureEvents(Event.KEYDOWN);
• 访问窗体元素
  document.all("txt").focus();
  document.all("txt").select();
• 窗体命令
  document.execCommand
• 窗体COOKIE
  document.cookie
• 菜单事件
  document.oncontextmenu
• 创建元素
  document.createElement("SPAN");  
• 根据鼠标获得元素：
  document.elementFromPoint(event.x,event.y).tagName=="TD
  document.elementFromPoint(event.x,event.y).appendChild(ms)  
• 窗体图片
  document.images[索引]
• 窗体事件绑定
  document.οnmοusedοwn=scrollwindow;
• 元素
  document.窗体.elements[索引]
• 对象绑定事件
  document.all.xxx.detachEvent('onclick',a);
• 插件数目
  navigator.plugins
• 取变量类型
  typeof($js_libpath) == "undefined"
• 下拉框
  下拉框.options[索引]
  下拉框.options.length
• 查找对象
  document.getElementsByName("r1");
  document.getElementById(id);
• 定时
  timer=setInterval('scrollwindow()',delay);
  clearInterval(timer);
• UNCODE编码
  escape() ,unescape
• 父对象
  obj.parentElement(dhtml)
  obj.parentNode(dom)
• 交换表的行
  TableID.moveRow(2,1)
• 替换CSS
  document.all.csss.href = "a.css";
• 并排显示
  display:inline
• 隐藏焦点
  hidefocus=true
• 根据宽度换行
  style="word-break:break-all"
• 自动刷新
  <meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://c98.yeah.net">
• 简单邮件
  <a   href="mailto:aaa@bbb.com?subject=ccc&body=xxxyyy">  
• 快速转到位置
  obj.scrollIntoView(true)
• 锚
  <a name="first">
  <a href="#first">anchors</a>
• 网页传递参数
  location.search();
• 可编辑
  obj.contenteditable=true
• 执行菜单命令
  obj.execCommand
• 双字节字符
  /[^/x00-/xff]/
  汉字
  /[/u4e00-/u9fa5]/
• 让英文字符串超出表格宽度自动换行
  word-wrap: break-word; word-break: break-all;
• 透明背景
  <IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>
• 获得style内容
  obj.style.cssText
• HTML标签
  document.documentElement.innerHTML
• 第一个style标签
  document.styleSheets[0]
• style标签里的第一个样式
  document.styleSheets[0].rules[0]
• 防止点击空链接时，页面往往重置到页首端。
  <a href="javascript:function()">word</a>
• 上一网页源
  asp:
  request.servervariables("HTTP_REFERER")
  javascript:
  document.referrer
• 释放内存
  CollectGarbage();
• 禁止右键
  document.oncontextmenu = function() { return false;}
• 禁止保存
  <noscript><iframe src="*.htm"></iframe></noscript>
• 禁止选取<body οncοntextmenu="return false" οndragstart="return false" onselectstart ="return false" οnselect="document.selection.empty()" οncοpy="document.selection.empty()" onbeforecopy="return false"οnmοuseup="document.selection.empty()>
• 禁止粘贴
  <input type=text οnpaste="return false">
• 地址栏图标
  <link rel="Shortcut Icon" href="favicon.ico">
  favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
• 收藏栏图标
  <link rel="Bookmark" href="favicon.ico">
• 查看源码
  <input type=button value=查看网页源代码 οnclick="window.location = 'view-source:'+ 'http://www.csdn.net/'">
• 关闭输入法
  <input style="ime-mode:disabled">
• 自动全选
  <input type=text name=text1 value="123" οnfοcus="this.select()">
• ENTER键可以让光标移到下一个输入框
  <input οnkeydοwn="if(event.keyCode==13)event.keyCode=9">
• 文本框的默认值
  <input type=text value="123" οnfοcus="alert(this.defaultValue)">
• title换行
  obj.title = "123&#13sdfs&#32"
• 获得时间所代表的微秒
  var n1 = new Date("2004-10-10".replace(/-/g, "//")).getTime()
• 窗口是否关闭
  win.closed
• checkbox扁平
  <input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>
• 获取选中内容
  document.selection.createRange().duplicate().text
• 自动完成功能
  <input   type=text   autocomplete=on>打开该功能  
  <input   type=text   autocomplete=off>关闭该功能    
• 窗口最大化
  <body οnlοad="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)">
• 无关闭按钮IE
  window.open("aa.htm", "meizz", "fullscreen=7");
• 统一编码/解码
  alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
  encodeURIComponent对":"、"/"、";" 和 "?"也编码
• 表格行指示
  <tr οnmοuseοver="this.bgColor='#f0f0f0'" οnmοuseοut="this.bgColor='#ffffff'">