`
hereson
  • 浏览: 1453724 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

javascript小技巧<四>

阅读更多
//屏蔽按键

 

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  <noscript><meta http-equiv="refresh" content="0;url=about:noscript"></noscript>
  <title>屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键</title>
</head>
<body>
<script language="Javascript"><!--
  
//屏蔽鼠标右键、Ctrl+N、Shift+F10、F11、F5刷新、退格键
  
//Author: meizz(梅花雨) 2002-6-18
function
 document.oncontextmenu(){event.returnValue=false;}
//屏蔽鼠标右键
function
 window.onhelp(){return false
//屏蔽F1帮助
function
 document.onkeydown()
{
  if ((window.event.altKey)&&
      ((window.event.keyCode==37)||   
//屏蔽 Alt+ 方向键 ←
       (window.event.keyCode==39)))   
//屏蔽 Alt+ 方向键 →
  {
     alert("不准你使用ALT+方向键前进或后退网页!");
     event.returnValue=false;
  }
     

  if ((event.keyCode==8)  ||                 
//屏蔽退格删除键
      (event.keyCode==116)||                 
//屏蔽 F5 刷新键
      (event.ctrlKey && event.keyCode==82)){ 
//Ctrl + R
     event.keyCode=0;
     event.returnValue=false;
     }
  if (event.keyCode==122){event.keyCode=0;event.returnValue=false;}  
//屏蔽F11
  if (event.ctrlKey && event.keyCode==78) event.returnValue=false;   
//屏蔽 Ctrl+n
  if (event.shiftKey && event.keyCode==121)event.returnValue=false;  
//屏蔽 shift+F10
  if (window.event.srcElement.tagName == "A" && window.event.shiftKey) 
      window.event.returnValue = false;             
//屏蔽 shift 加鼠标左键新开一网页
  if ((window.event.altKey)&&(window.event.keyCode==115))             
//屏蔽Alt+F4
  {
      window.showModelessDialog("about:blank","","dialogWidth:1px;dialogheight:1px");
      return false
;
  }
}
</script>
屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键
</body>
</html>

//屏蔽打印
<style>
@media print{
* {display:none}
}
</style>

//移动的图层,拖动

1.<span style='position:absolute;width:200;height:200;background:red' onmousedown=MouseDown(this) onmousemove=MouseMove() onmouseup=MouseUp()>meizz</span>
<script language=javascript>
var Obj;
function MouseDown(obj)
{
  Obj=obj;
  Obj.setCapture();
  Obj.l=event.x-Obj.style.pixelLeft;
  Obj.t=event.y-Obj.style.pixelTop;
}
function MouseMove()
{
  if(Obj!=null)
  {
    Obj.style.left = event.x-Obj.l;
    Obj.style.top = event.y-Obj.t;
  }
}
function MouseUp()
{
  if(Obj!=null)
  {
    Obj.releaseCapture();
    Obj=null;
  }
}
</script>
2.
<div id="myDiv" src="logo.gif" ondrag="doDrag();" onmouseover="this.style.cursor='hand'" style="position:absolute;left=100;top=100;" onmousedown="doMouseDown();">
<a href="#" onclick="return false"><h1>wlecome</h1></a>
</div>
<script language="JavaScript" type="text/javascript">
var orgMouseX;
var orgMouseY;
var orgObjX;
var orgObjY;
function doDrag()
{
var myObject=document.all.myDiv;

var x=event.clientX;
var y=event.clientY;
myObject.style.left=x-(orgMouseX-orgObjX);
myObject.style.top=y-(orgMouseY-orgObjY);
 
}
function
 doMouseDown()
{
orgMouseX=event.clientX;
orgMouseY=event.clientY;
orgObjX=parseInt(document.all.myDiv.style.left);
orgObjY=parseInt(document.all.myDiv.style.top);
}

</script>
 

//文档状态改变

<iframe src="a.html" id="f" name="f" scrolling="no" frameborder=0 marginwidth=0 marginheight=0></iframe>
<script>
var doc=window.frames["f"].document;
function s(){
 if (doc.readyState=="complete"){
  document.all.f.style.height=doc.body.scrollHeight
  document.all.f.style.width=doc.body.scrollWidth
 }
}
doc.onreadystatechange=s
</script>

//刷新后不变的文本框

<HTML>
<HEAD>
<META NAME="save" CONTENT="history">
<STYLE>
   .sHistory {behavior:url(#default#savehistory);}
</STYLE>
</HEAD>
<BODY>
<INPUT class=sHistory type=text id=oPersistInput>
</BODY>
</HTML>

 

//访问剪贴板

(1)拖拽访问
event.dataTransfer.setData("URL", oImage.src);
sImageURL = event.dataTransfer.getData("URL")
(2)普通访问
window.clipboardData.setData("Text",oSource.innerText);
window.clipboardData.getData("Text"
);

 

//操作COOKIE

function SetCookie(sName, sValue)
{
 document.cookie = sName + "=" + escape(sValue) + "; ";
}
function GetCookie(sName)
{
 var aCookie = document.cookie.split("; ");
 for (var i=0; i < aCookie.length; i++)
 {
  
  var aCrumb = aCookie[i].split("=");
  if (sName == aCrumb[0]) 
  return unescape(aCrumb[1]);
 }
 
}
function DelCookie(sName)
{
document.cookie = sName + "=" + escape(sValue) + "; expires=Fri, 31 Dec 1999 23:59:59 GMT;"
;
}

//setTimeout增加参数

<script>
var _st = window.setTimeout;
window.setTimeout = function(fRef, mDelay) {
 if(typeof fRef == 'function'){
  var argu = Array.prototype.slice.call(arguments,2);
  var f = (function(){ fRef.apply(null, argu); });
  return _st(f, mDelay);
 }
 return _st(fRef,mDelay);
}
function
 test(x){
 alert(x);
}
window.setTimeout(test,1000,'fason');
</script>


//自定义的apply,call

Function.prototype.apply = function (obj, argu) {
 if (obj) obj.constructor.prototype._caller = this
 var argus = new Array();
 for (var i=0;i<argu.length;i++)
  argus[i] = "argu[" + i + "]";
 var r;
 eval("r = " + (obj ? ("obj._caller(" + argus.join(",") + ");") : ("this(" + argus.join(",") + ");")));
 return r;
};
Function.prototype.call = function (obj) {
 var argu = new Array();
 for (var i=1;i<arguments.length;i++)
  argu[i-1] = arguments[i];
 return this
.apply(obj, argu);
};       

 

分享到:
评论

相关推荐

    【前端】<div>的排版练习【HTML+CSS+JavaScript(JS)】

    总结起来,这个练习旨在通过HTML的`&lt;div&gt;`标签,配合CSS的布局技巧和JavaScript的交互功能,提高开发者对前端排版的理解和实践能力。通过这个练习,开发者不仅能掌握基础的网页布局技巧,还能进一步熟悉动态页面的...

    HTML的一些用法及技巧(适合新手)

    字体和样式标签如`&lt;STRONG&gt;`和`&lt;B&gt;`用于加粗文本,`&lt;EM&gt;`和`&lt;I&gt;`用于斜体,`&lt;TT&gt;`呈现等宽字体,`&lt;U&gt;`添加下划线,`&lt;H1&gt;`到`&lt;H6&gt;`定义不同级别的标题,`&lt;FONT&gt;`设定字体、大小和颜色(但现在不推荐使用),`&lt;BIG&gt;`和...

    常用javascript整理

    1.JavaScript的数值处理对象学习 .txt&lt;br&gt;2.JavaScript的系统函数学习 .txt&lt;br&gt;3.js中用于对象的语句——with和for...in语句学习专题.txt&lt;br&gt;4.smallSoftkey小软键盘,...正则表达式.txt&lt;br&gt;9.55种网页常用小技巧 .txt

    javaScript小技巧。

    根据提供的文件内容,我们可以总结出以下几个JavaScript小技巧及相关知识点: ### 1. 引入外部JavaScript文件 在HTML文档中,可以通过`&lt;script&gt;`标签引入外部JavaScript文件来执行脚本代码。例如: ```html ...

    GridView实用技巧集锦

    GridView实用技巧集锦:&lt;br&gt;1 GridView无代码分页排序&lt;br&gt;2 GridView选中,编辑,取消,删除&lt;br&gt;3 GridView正反双向排序&lt;br&gt;4 GridView和下拉菜单DropDownList结合&lt;br&gt;5 GridView和CheckBox结合&lt;br&gt;6鼠标移到...

    用javascript地址栏显示源码

    此方法不仅适用于开发者快速预览和调试页面结构,对于学习前端技术的新手而言也是一个非常实用的小技巧。 #### JavaScript与HTML源码 在Web开发中,HTML(HyperText Markup Language)是用于创建网页的标准标记...

    动态网页爱心源码,支持修改文字和音乐

    4. **音乐播放**:源码可能会使用HTML5的`&lt;audio&gt;`标签来播放背景音乐,用户可以通过JavaScript来控制音乐的播放、暂停、音量等。为了兼容不同的浏览器,可能还需要引入像`howler.js`这样的音频库来处理音频播放。 ...

    大学里的HTML课件

    在&lt;head&gt;中,我们通常设置页面标题(&lt;title&gt;)、引入外部CSS样式表(&lt;link&gt;)或JavaScript文件(&lt;script&gt;)。在&lt;body&gt;中,才是实际可见的网页内容。 在HTML中,文本元素是最基本的组成部分,如段落(&lt;p&gt;)、标题(...

    HTML 语言教程.rar

    3. 标题标签:`&lt;h1&gt;`至`&lt;h6&gt;`,数字越大,标题级别越小。 4. 链接:`&lt;a href="url"&gt;链接文字&lt;/a&gt;`,`href`属性指定链接地址。 5. 图像:`&lt;img src="url" alt="替代文本"&gt;`,`src`属性指定图片URL,`alt`提供替代文本...

    网页代码常用小技巧

    表格使用&lt;table&gt;, &lt;tr&gt;, &lt;th&gt;, &lt;td&gt;等标签创建,而表单元素如&lt;input&gt;, &lt;select&gt;, &lt;textarea&gt;等用于用户交互。记住,表单可以通过action属性指定提交处理页面,method属性设置提交方式(GET或POST)。 6. **图片与...

    select option带自定义图片

    然而,原生的`&lt;option&gt;`元素并不支持直接添加图片,但通过一些JavaScript和CSS的技巧,我们可以实现自定义带有图片的`&lt;option&gt;`效果。以下是一个关于如何在`&lt;select&gt;`和`&lt;option&gt;`中添加自定义图片的详细教程。 ...

    html入门教程

    头部&lt;head&gt;通常包含元信息,如标题&lt;title&gt;、CSS样式链接&lt;link&gt;、JavaScript脚本&lt;script&gt;等,而主体&lt;body&gt;则包含网页的实际内容,如文本、图片、链接等。 2. HTML元素:HTML元素是通过标签来表示的,如&lt;body&gt;, &lt;p&gt;, ...

    html语法教程下载

    - `&lt;div&gt;`和`&lt;span&gt;`提供布局灵活性,常与CSS结合使用。 ### 示例代码 ```html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;网页制作教学&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;h1&gt;欢迎来到HTML教程&lt;/h1&gt; &lt;p&gt;这是一个简单的段落...

    html学习笔记

    此外,还可以使用`&lt;link&gt;`引入外部样式表,`&lt;script&gt;`引入JavaScript代码,以增强页面交互性。 HTML的主体由`&lt;body&gt;`标签包裹,它包含了页面的实际内容。主体可以设置背景颜色、图片,以及文字颜色等样式属性。`...

    详细的HTML+CSS+JavaScript网页设计.pdf

    #### 四、JavaScript交互功能 JavaScript为网页添加交互性,使其更加动态和有趣。以下是该网页中可实现的JavaScript功能: - **导航栏平滑滚动**:当点击导航栏中的链接时,页面平滑滚动到对应部分。 - **模态窗口...

    html.zip

    例如,`&lt;p&gt;`用于定义段落,`&lt;h1&gt;`到`&lt;h6&gt;`定义不同级别的标题,`&lt;a&gt;`用于创建超链接,`&lt;img&gt;`插入图片,`&lt;ul&gt;`和`&lt;ol&gt;`创建无序和有序列表,`&lt;div&gt;`作为布局容器等。 3. **属性与值**:HTML标签可以有属性,属性...

    HTML使用手册

    `&lt;span&gt;`用于在行内元素中插入小范围的样式。 三、HTML属性 标签可以有零个或多个属性,用来提供额外的信息。例如: 1. `class`属性用于关联CSS类,定义样式。 2. `id`属性为元素提供唯一的标识符,常用于...

    HTML编码参考手册全

    `&lt;head&gt;`中可以包含`&lt;title&gt;`定义页面标题,`&lt;meta&gt;`标签设置元信息,以及`&lt;link&gt;`和`&lt;script&gt;`标签引入外部资源如CSS样式表和JavaScript脚本。 CSS(Cascading Style Sheets)常与HTML结合使用,用于定义页面的...

    HTML 语言教程电子书

    而`&lt;script&gt;`标签引入JavaScript代码,实现动态效果和用户交互。 六、HTML5的新特性 HTML5引入了许多新元素和API,如`&lt;canvas&gt;`用于绘制图形,`&lt;video&gt;`和`&lt;audio&gt;`嵌入多媒体,`&lt;input type="date"&gt;`等新的输入...

    JavaScript一些技巧(转载)

    根据给定的文件信息,以下是对“JavaScript一些技巧”中涉及的关键知识点的详细解析: ### 1. 事件处理:`onBlur`, `onFocus`, `onChange`, `onSelect` 在网页开发中,事件处理是与用户交互的核心部分。`onBlur`...

Global site tag (gtag.js) - Google Analytics