Web开发JavaScript实用技巧

Win10家庭版如何添加本地用户和组 在众多Windows版本中,Windows 10以其丰富的功能和卓越的性能吸引了大量用户。然而,对于使用Win10家庭版的用户来说,他们可能会遇到一些功能上的限制,特别是在用户和组管理方面。虽然家庭版在某些高级功能上有所缩减,但我们仍然可以通过一些技巧来实现对本地用户和组的管理。本文将详细介绍如何在Win10家庭版中添加本地用户和组,以便用户能够更好地管理计算机资源。 阅读详情

Web开发JavaScript实用技巧

  1. 将彻底屏蔽鼠标右键
oncontextmenu=”window.event.returnValue=false”

< table border oncontextmenu=return(false)>< td>no< /table> 可用于 Table
  1. 取消选取、防止复制
< body onselectstart=”return false”>

3.JS不允许粘贴

onpaste=”return false”
  1. JS防止复制
oncopy=”return false;” oncut=”return false;”
  1. IE 地址栏前换成自己的图标
< link rel=”Shortcut Icon” href=”favicon.ico”>

在文件的根目录放进去这个图片,后缀修改成ico就可以了

6.可以在收藏夹中显示出你的图标

< link rel=”Bookmark” href=”favicon.ico”>

7.关闭输入法

< input style=”ime-mode:disabled”>
  1. 永远都会带着框架
< script language=”JavaScript”>< !–

if (window == top)top.location.href = “frames.htm”; //frames.htm 为框架网页

// –>< /script>

9.

防止被人 frame

< SCRIPT LANGUAGE=JAVASCRIPT>< !–

if (top.location != self.location)top.location=self.location;

// –>< /SCRIPT>

10

. 网页将不能被另存为

< noscript>< iframe src=*.html>< /iframe>< /noscript>
  1. 11.
< input type=button value=查看网页源代码
onclick=”window.location = “view-source:”+ “http://www.pconline.com.cn””>

12 . 删除时确认

< a href=”javascript:if(confirm(” 确 实 要 删 除 吗 ?”))location=”boos.asp?&areyou= 删 除

&page=1″”>删除< /a>

13 . 取得控件的绝对位置

//Javascript

< script language=”Javascript”>

function getIE(e){

var t=e.offsetTop;

var l=e.offsetLeft;

while(e=e.offsetParent){

t+=e.offsetTop;

l+=e.offsetLeft;

}

alert(“top=”+t+”/nleft=”+l);

}

< /script>

//VBScript

< script language=”VBScript”>< !–

function getIE()

dim t,l,a,b

set a=document.all.img1

t=document.all.img1.offsetTop

l=document.all.img1.offsetLeft

while a.tagName< >”BODY”

set a = a.offsetParent

t=t+a.offsetTop

l=l+a.offsetLeft

wend

msgbox “top=”&t&chr(13)&”left=”&l,64,”得到控件的位置”

end function

–>< /script>

14 . 光标是停在文本框文字的最后

< 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″ onfocus=”cc()”>

15 . 判断上一页的来源

javascript:

document.referrer

16 . 最小化、最大化、关闭窗口

< object id=hh1 classid=”clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11″>

< param name=”Command” value=”Minimize”>< /object>

< object id=hh2 classid=”clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11″>

< param name=”Command” value=”Maximize”>< /object>

< OBJECT id=hh3 classid=”clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11″>

< PARAM NAME=”Command” VALUE=”Close”>< /OBJECT>

< input type=button value=最小化 onclick=hh1.Click()>

< input type=button value=最大化 onclick=hh2.Click()>

< input type=button value=关闭 onclick=hh3.Click()>

本例适用于 IE

17.屏蔽功能键 Shift,Alt,Ctrl

< script>

function look(){

if(event.shiftKey)

alert(“禁止按 Shift 键!”); //可以换成 ALT CTRL

}

document.onkeydown=look;

< /script>

18 . 网页不会被缓存

< META HTTP-EQUIV=”pragma” CONTENT=”no-cache”>

< META HTTP-EQUIV=”Cache-Control” CONTENT=”no-cache, must-revalidate”>

< META HTTP-EQUIV=”expires” CONTENT=”Wed, 26 Feb 1997 08:21:57 GMT”>

或者< META HTTP-EQUIV=”expires” CONTENT=”0″>

19.怎样让表单没有凹凸感?

< input type=text style=”border:1 solid #000000″>

或

< input type=text style=”border-left:none; border-right:none; border-top:none; border-bottom:

1 solid #000000″>< /textarea>

20.< div>< span>&< layer>的区别?
< div>(division)用来定义大段的页面元素,会产生转行

< span>用来定义同一行内的元素,跟< div>的唯一区别是不产生转行

< layer>是 ns 的标记,ie 不支持,相当于< div>

21.让弹出窗口总是在最上面:

< body onblur=”this.focus();”>

22.不要滚动条?

让竖条没有:

< body style=”overflow:scroll;overflow-y:hidden”>

< /body>

让横条没有:

< body style=”overflow:scroll;overflow-x:hidden”>

< /body>

两个都去掉?更简单了

< body scroll=”no”>

< /body>

23.怎样去掉图片链接点击后,图片周围的虚线?

< a href=”#” onFocus=”this.blur()”>< img src=”logo.jpg” border=0>< /a>

24.电子邮件处理提交表单

< form name=”form1″ method=”post” action=”mailto:****@***.com” enctype=”text/plain”>

< input type=submit>

< /form>

25.在打开的子窗口刷新父窗口的代码里如何写?

window.opener.location.reload()

26.如何设定打开页面的大小

< body onload=”top.resizeTo(300,200);”>

打开页面的位置< body οnlοad=”top.moveBy(300,200);”>

27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

< STYLE>

body

{background-image:none; background-repeat:no-repeat;

background-position:center;background-attachment: fixed}

< /STYLE>

28 . 检查一段字符串是否全由数字组成

< script language=”Javascript”>< !–

function checkNum(str){return str.match(//D/)==null}

alert(checkNum(“1232142141”))

alert(checkNum(“123214214a1”))

// –>< /script>

29 . 获得一个窗口的大小

document.body.clientWidth; document.body.clientHeight

30 . 怎么判断是否是字符

if (/[^/x00-/xff]/g.test(s)) alert(“含有汉字”);
else alert(“全是字符”);

31.TEXTAREA 自适应文字行数的多少

< textarea rows=1 name=s1 cols=27 onpropertychange=”this.style.posHeight=this.scrollHeight”>
< /textarea>

32 . 日期减去天数等于第二个日期

< script language=Javascript>

function cc(dd,dadd)

{

//可以加上错误处理

var a = new Date(dd)

a = a.valueOf()

a = a – dadd * 24 * 60 * 60 * 1000

a = new Date(a)

alert(a.getFullYear() + “年” + (a.getMonth() + 1) + “月” + a.getDate() + “日”)

}

cc(“12/23/2002”,2)

< /script>

33 . 选择了哪一个 Radio

< HTML>< script language=”vbscript”>

function checkme()

for each ob in radio1

if ob.checked then window.alert ob.value

next

end function

< /script>< BODY>

< INPUT name=”radio1″ type=”radio” value=”style” checked>Style

< INPUT name=”radio1″ type=”radio” value=”barcode”>Barcode

< INPUT type=”button” value=”check” onclick=”checkme()”>

< /BODY>< /HTML>

34 . 脚本永不出错

< SCRIPT LANGUAGE=”JavaScript”>

< !– Hide

function killErrors() {

return true;

}

window.onerror = killErrors;

// –>

< /SCRIPT>

35 . ENTER 键可以让光标移到下一个输入框

< input onkeydown=”if(event.keyCode==13)event.keyCode=9″>

36 . 检测某个网站的链接速度:

把如下代码加入< body>区域中:

< script language=Javascript>

tim=1

setInterval(“tim++”,100)

b=1

var autourl=new Array()

autourl[1]=”www.njcatv.net”

autourl[2]=”javacool.3322.net”

autourl[3]=”www.sina.com.cn”

autourl[4]=”www.nuaa.edu.cn”

autourl[5]=”www.cctv.com”

function butt(){

document.write(“< form name=autof>”)

for(var i=1;i< autourl.length;i++)

document.write(“< input type=text name=txt”+i+” size=10 value=测试中……> =》< input

type=text

name=url”+i+” size=40> =》< input type=button value=GO

onclick=window.open(this.form.url”+i+”.value)>

“)

document.write(“< input type=submit value=刷新>< /form>”)

}

butt()

function auto(url){

document.forms[0][“url”+b].value=url

if(tim>200)

{document.forms[0][“txt”+b].value=”链接超时”}

else

{document.forms[0][“txt”+b].value=”时间”+tim/10+”秒”}

b++

}

function run(){for(var i=1;i< autourl.length;i++)document.write(“< img

src=http://”+autourl+”/”+Math.random()+”

width=1 height=1

onerror=auto(“http://”+autourl+””)>”)}

run()< /script>

37 . 各种样式的光标

auto :标准光标

default :标准箭头

hand :手形光标

wait :等待光标

text :I 形光标

vertical-text :水平 I 形光标

no-drop :不可拖动光标

not-allowed :无效光标

help :?帮助光标

all-scroll :三角方向标

move :移动标

crosshair :十字标

e-resize

n-resize

nw-resize

w-resize

s-resize

se-resize

sw-resize

  1. 页面进入和退出的特效

进入页面< meta http-equiv=”Page-Enter” content=”revealTrans(duration=x, transition=y)”>

推出页面< meta http-equiv=”Page-Exit” content=”revealTrans(duration=x, transition=y)”>

这个是页面被载入和调出时的一些特效。duration 表示特效的持续时间,以秒为单位。

transition 表示使用哪种特效,取值为

1-23:

0 矩形缩小

1 矩形扩大

2 圆形缩小

3 圆形扩大

4 下到上刷新

5 上到下刷新

6 左到右刷新

7 右到左刷新

8 竖百叶窗

9 横百叶窗

10 错位横百叶窗

11 错位竖百叶窗

12 点扩散

13 左右到中间刷新

14 中间到左右刷新

15 中间到上下

16 上下到中间

17 右下到左上

18 右上到左下

19 左上到右下

20 左下到右上

21 横条

22 竖条

23 以上 22 种随机选择一种

  1. 在规定时间内跳转
    < META http-equiv=V=”REFRESH” content=”5;URL=http://www.51js.com”>

  2. 网页是否被检索
    < meta name=”ROBOTS” content=”属性值”>

其中属性值有以下一些:

属性值为”all”: 文件将被检索,且页上链接可被查询;

属性值为”none”: 文件不被检索,而且不查询页上的链接;

属性值为”index”: 文件将被检索;

属性值为”follow”: 查询页上的链接;

属性值为”noindex”: 文件不检索,但可被查询链接;

属性值为”nofollow”: 文件不被检索,但可查询页上的链接。

  1. 回车

用客户端脚本在页面添加document 的onkeydown事件,让页面在接受到回车事件后,进行Tab

键的功能,即只要把 event 的 keyCode 由 13 变为 9

Javascript 代码如下:

紫光展锐面试——FPGA/IC设计面试面经案例总结 自我介绍;研究生的主要研究方向是什么?为什么想要应聘数字芯片相关的工作?简单介绍下数字IC设计流程。逻辑综合主要做什么?你有实际做过逻辑综合工作吗?你了解SS corner和FF corner吗?综合时应该使用哪个corner?综合时需要考虑hold吗?为什么?提高时钟频率对setup和hold有什么影响?为什么?hvt、rvt/svt、lvt有什么区别?c40、c50是指什么概念?有什么区别?你对EDA工具有过了解吗? 阅读详情

相关推荐

rk3568 RGMII KSZ8795 MAC TO MAC

参考《Rockchip_Developer_Guide_Linux_MAC_TO_MAC_CN.pdf》

明天乌儿会歌唱 6491

41个Web开发者必须收藏的JavaScript实用技巧

41个Web开发者必须收藏的JavaScript实用技巧

kbx8916的博客 268

一文读懂 MAVLink、PPM、SBUS:无人机通信协议的工作原理与适用场景

本文系统对比无人机领域三大核心通信协议:MAVLink作为全链路数据协议,支持飞控与地面站的双向通信,适合航拍测绘等专业场景;SBUS是数字化的高效控制协议,具备16通道、抗干扰特性,成为中高端设备标配;PPM作为传统模拟协议,成本低廉但性能有限,适合入门级应用。文章深入解析各协议的工作原理、帧结构、适用场景及调试技巧,指出MAVLink侧重状态监控、SBUS/PPM专注控制指令的互补关系,并给出新手选型建议:入门选PPM,进阶用SBUS,开发必备M

bother3000的博客 7121

JavaScript—40个Web开发者必须收藏的JavaScript实用技巧

40个Web开发者必须收藏的JavaScript实用技巧

此博客已停用,博文会逐渐转移到新地址,http://blog.youkuaiyun.com/liupeifeng3514 871

Python实战:从中国气象局天擎平台自动化获取与处理雷达基数据

本文详细介绍了如何利用Python脚本实现从中国气象局天擎平台自动化获取与处理雷达基数据。通过环境搭建、安全认证、核心代码编写及工程化优化,构建了一个包含自动查询、批量下载、错误重试和格式转换的完整数据管道,旨在帮助气象水文领域的研究者与数据分析师从繁琐的手动操作中解放出来,高效管理海量数据。

ipfs8storage的博客 916

自动驾驶轨迹规划算法——Apollo EM Planner

Apollo EM Planner 是百度自动驾驶系统中的轨迹规划算法,采用期望-最大化(EM)迭代优化思想。其核心是将轨迹规划分解为路径优化(E-Step)和速度优化(M-Step)两个子问题,在Frenet坐标系下交替求解。算法先通过动态规划(DP)搜索粗路径,再使用二次规划(QP)进行平滑优化,并结合障碍物信息生成安全走廊。相较Lattice、Hybrid A*等规划器,EM Planner具有更好的实时性、动态障碍物处理能力和轨迹平滑性,适用于城市道路、高速公路等复杂场景。该算法通过解耦路径与速度优

swaggytiger的博客 2664

10个Spotify Web API JS实用技巧:提升你的音乐应用开发效率

Spotify Web API JS是一个轻量级的JavaScript客户端封装库,专门为Spotify Web API设计。这个强大的工具可以帮助开发者快速构建音乐相关的Web应用,无论是音乐播放器、个性化推荐系统还是音乐数据分析平台。通过使用这个封装库,你可以轻松访问Spotify的海量音乐和播客数据,实现各种音乐应用开发需求。 ## 📦 快速安装与配置技巧 首先,你需要通过npm安装S

gitblog_00957的博客 653

硬件工程师笔记——电子器件汇总大全

本文系统总结了14种常用电子器件的工作原理及功能应用,包括电阻、压敏电阻、电容、电感、二极管、三极管、MOS管、晶振、光耦、IGBT、继电器、磁珠、可控硅和线性稳压器。每种器件从结构原理、工作特性到典型应用进行全面解析,如电阻的限流分压、电容的储能滤波、三极管的放大开关等。重点阐述了各器件在电路设计中的关键作用,如IGBT的功率控制、继电器的隔离保护、LDO的电压稳定等,并提供了实际电路应用案例。文章还整理了硬件工程师笔试面试相关的知识点和真题资源,为电子工程师提供全面的技术参考。

XU157303764的博客 2万+

Web前端开发培训之41个JavaScript实用技巧

1. 将彻底屏蔽鼠标右键 <font size= "3" >oncontextmenu=”window.event.returnValue= false ” < table border oncontextmenu= return ( false )>< td>no< /table> 可用于 Table</font> ...

ShuYunBIGDATA的博客 476

SpringAI系列 - MCP篇(二) - MCP Server Boot Starter

此处需注意之前的。

罗小爬的技术宝书 1316

​热电偶测温电路图(一)​

高精度热电偶测温电路图 此设计概括了提供传感器诊断所必需的抗混叠滤波器和偏置电阻器。此示例还提供了一种新颖的方式,即使用ADS1118上的板载温度传感器完成对系统的冷端补偿。对于热电偶线性化,此设计还提供了一种非常简单的、可以在大多数微控制器上实施的线性算法。 缺点就是太贵。 特性 测量K型热电偶温度 精度1°C 高精度/可重复性0.2°C 包含冷端补偿 包含软件算法 使用ADS111816位ADC(带PGA) 原理图/方框图 热电偶测温电路图(二) OP07构成的高稳定热电

zxm8513优快云博客 2万+

JavaScript 字符串魔法:实用技巧——WEB开发系列45

这篇文章,探讨一下 JavaScript 中的字符串操作。字符串是编程中的基本数据类型之一,它们无处不在,几乎在所有的代码中都需要处理。了解字符串的基础知识、常用的内置方法,通过实例来学习高效地操作字符串。一、什么是字符串?字符串(string)是一种用于表示文本的数据类型。它是由一系列字符组成的,可以包含字母、数字、符号...

cnzzs的博客 703

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

大灰狼的Javascript工具箱(一)——web页面部分技巧

网站开发离不开Javascript的应用。许多时候程序员为了一个小小的Js效果而头痛。就正是这个原因许多程序员干脆说出了Javascript最难学的说法。优快云一个初学者提问题最好的地方。我在优快云上web专区的10000多的专家分有几乎一半都是回答JS特效获得的。现在正是上班了。不能向以前那样常来csdn回答大家的问题了。我也不想吝啬自己微薄的力量。以下我将总结大家在开发web代码中可能遇到

大灰狼的专栏 1562

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能:商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传,基本资料下载,开钱箱、小票打印、收款结算,支持多币种付款方式(现金、储值卡、礼券、微信等),支持多种促销。运行环境:.net 4.0登陆信息用户名:1001 密码:123456内置商品信息,商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏 相关源码待公开

老版QQ原生表情gif动态

这是老版的QQ表情,不过全是动态的的,Windows照片查看器是不会动的,可以右击用浏览器打开查看,再说一遍是老版的,只是分享给宁愿用老版也要动态的人。

不懂就问,Python怎么轻松调用JS接口?

总之,Python和JavaScript的结合为我们提供了无数的可能性,无论是通过Selenium来模拟用户操作,还是用PyExecJS在Python里执行JS代码,又或者是通过Flask实现前后端的数据交互,甚至在Jupyter Notebook里直接跑JS。它的主要功能是做Web应用的自动化测试,但大家都知道,程序员嘛,最喜欢“骚操作”,用它来模拟浏览器的用户操作,简直好使到飞起。在Web开发中,前后端的联动是必须面对的,前端一般用JavaScript,而后端通常使用Python或者其他语言。

weixin_53707653的博客 1229

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面,电脑运行连游戏界面都一样大小,很怀旧,很真实,(英文版)强烈推荐,很小的文件,很难才找到的。

转载 41个Web开发者必须收藏的JavaScript实用技巧

1. 将彻底屏蔽鼠标右键 oncontextmenu=”window.event.returnValue=false” no 可用于 Table 2. 取消选取、防止复制 3.JS不允许粘贴 onpaste=”return false” 4. JS防止复制 oncopy=”return false;” oncut=”return false;” 5. IE 地址栏前换成自己的图

yingying0708的专栏 385

到底该怎么学JavaScript?

困扰我许久的问题 就像每次惹女朋友生气之后都不知道问题在哪,今天就来聊聊这个让人想起来就头痛的JS应该怎么学。

Tech in Pieces 474
上一篇: angularjs开发常见问题-3(angularjs 解决keydown keypress 不好用现象)
下一篇: JAVA创建桌面快捷方式
加州小熊
博客等级 码龄16年 46粉丝 30原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值