经典的js代码收藏,完整的js代码

本文目录一览:

谁给我帖一段下拉选择菜单的js代码?

我给你一个经典的下拉3级连动菜单代码:

自己慢慢研究

!– 把下面的代码加到BODY/BODY区域中: —

FORM name=”isc”

table border=”0″ cellspacing=”0″ cellpadding=”0″

tr align=”center”

td nowrap height=”11″  

select name=”example” size=”1″ onChange=”redirect(this.options.selectedIndex)”

option selected—Select1————-/option

optionWebmaster Sites/option

optionNews Sites/option

/select

select name=”stage2″ size=”1″ onChange=”redirect1(this.options.selectedIndex)”

option value=” ” selected /option

option value=” ” selected—Select2————–/option

option value=” ” selected—Select2————–/option

/select

select name=”stage3″ size=”1″ onChange=”redirect2(this.options.selectedIndex)”

option value=” ” selected /option

option value=” ” selected—Select3—————-/option

option value=” ” selected—Select3—————-/option

/select

script

var groups=document.isc.example.options.length

var group=new Array(groups)

for (i=0; igroups; i++)

group[i]=new Array()

group[0][0]=new Option(“—Select2—“,” “);

group[1][0]=new Option(“Now Select This One”,” “);

group[1][1]=new Option(“JavaScript”,”47″);

group[1][2]=new Option(“DHTML”,”46″);

group[1][3]=new Option(“CGI”,”45″);

group[2][0]=new Option(“Now Select This One”,” “);

group[2][1]=new Option(“General News”,”115″);

group[2][2]=new Option(“Technology News”,”116″);

var temp=document.isc.stage2

function redirect(x){

for (m=temp.options.length-1;m0;m–)

temp.options[m]=null

for (i=0;igroup[x].length;i++){

temp.options[i]=new Option(group[x][i].text,group[x][i].value)

}

temp.options[0].selected=true

redirect1(0)

}

var secondGroups=document.isc.stage2.options.length

var secondGroup=new Array(groups)

for (i=0; igroups; i++) {

secondGroup[i]=new Array(group[i].length)

for (j=0; jgroup[i].length; j++) {

secondGroup[i][j]=new Array() }}

secondGroup[0][0][0]=new Option(“—Select 3—“,” “);

secondGroup[1][0][0]=new Option(“—Select 3—“,” “);

secondGroup[1][1][0]=new Option(“Now Select This One”,” “);

secondGroup[1][1][1]=new Option(“Website Abstraction”,””);

secondGroup[1][1][2]=new Option(“JavaScript for the non programmer”,””);

secondGroup[1][1][3]=new Option(“Java-Scripts.net”,””);

secondGroup[1][2][0]=new Option(“Now Select This One”,” “);

secondGroup[1][2][1]=new Option(“Dynamic Drive”,””);

secondGroup[1][2][2]=new Option(“Beginner\’s Guide to DHTML”,””);

secondGroup[1][2][3]=new Option(“Web Coder”,””);

secondGroup[1][3][0]=new Option(“Now Select This One”,” “);

secondGroup[1][3][1]=new Option(“CGI Resources”,””);

secondGroup[1][3][2]=new Option(“Ada\’s Intro to CGI”,””);

secondGroup[2][0][0]=new Option(“—Select 3—“,” “);

secondGroup[2][1][0]=new Option(“Now Select This One”,” “);

secondGroup[2][1][1]=new Option(“CNN”,””);

secondGroup[2][1][2]=new Option(“MSNBC”,””);

secondGroup[2][1][3]=new Option(“ABC News”,””);

secondGroup[2][2][0]=new Option(“Now Select A Page”,” “);

secondGroup[2][2][1]=new Option(“News.com”,””);

secondGroup[2][2][2]=new Option(“Wired”,””);

var temp1=document.isc.stage3

function redirect1(y){

for (m=temp1.options.length-1;m0;m–)

temp1.options[m]=null

for (i=0;isecondGroup[document.isc.example.options.selectedIndex][y].length;i++){

temp1.options[i]=new Option(secondGroup[document.isc.example.options.selectedIndex][y][i].text,secondGroup[document.isc.example.options.selectedIndex][y][i].value)

}

temp1.options[0].selected=true

}

function redirect2(z){

window.location=temp1[z].value

}

/script

/td

/tr

/table

/FORM

使用浏览器实现收藏功能js怎么写

大多数的浏览器支持JS来实现加入收藏夹操作,但是对于一些安全性比较强的浏览器(比如谷歌浏览器)只能提示用户用手动添加。下面是JS收藏浏览器的代码:

html

body

script

function AddFavorite(title,url){

try{

window.external.addFavorite(url,title);

}

catch(e){

try{

window.sidebar.addPanel(title,url,””);

}

catch(e){

alert(“抱歉,您所使用的浏览器无法完成此操作。\n\n请使用快捷键Ctrl+D进行添加!”);

}

}

}

/script

a href=”javascript:void(0);” onclick=”AddFavorite(‘百度’,”)”收藏本站/a

/body

/html

求三个常用的js代码?

1.是关键字设置代码,让搜索引擎自动抓取关键字。

2.页面描述代码,就是网页的描述。

上面的2个是不可能实现的。你问我为什么?请多看看web2.0的规则,简单的说js没有页头的功能,再说了,搜索引擎也不认识JS代码呀,

第三个如果你要用JS代码,是可以实现的,但是那么一来搜索引擎一个都不会抓取,所以更不能用。

求一段简单的JS代码

呵呵,我没有时间去写新的JS脚本,这个是我以前写的,专门用来验证电话号码的,不能直接拿来验证工资数据是否合法

HTML部分:

div class=”input”input id=”telephone” onfocus=”formact(this);” onblur=”formph(this);” type=”text” value=”请输入8位或11位手机号码” size=”32″ //div

Javascript部分:

function formact(thevalue){

var value = thevalue.value;

value = “”;

thevalue.setAttribute(“value”,value);

}

function formph(thevalue){

var newvalue = thevalue.value;

var badChar =”ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz`~!@#$%^()-_=+]\\|:;\”\\’,?/”;

thevalue.style.background=”#ffffff”;

if(newvalue == “”){

alert(“电话不能为空”);

thevalue.style.background=”#FFFFCC”;

}else if(!newvalue == “”){

var nlen = newvalue.length;

if(nlen !== 8 nlen !== 11){

alert(“请输入正确的电话号码!”);

thevalue.style.background=”#FFFFCC”;

}else{

for(var i=0;inewvalue.length;i++){

var c = newvalue.charAt(i);

if(badChar.indexOf(c) -1){

alert(“电话只能为数字”);

thevalue.style.background=”#FFFFCC”;

break;

}

}

}

}

}

Web前端工程师应该知道的经典代码

今天小编要跟大家分享的文章是关于Web前端工程师应该知道的经典代码。Web工程师作为一名程序员,每天坐在电脑前敲敲打打那些重复重复再重复的语句,习惯性的思维总是被套进去,有些时候很容易把简单的事情想复杂了!不过,我们反其道而行之,新手们只要是把下面的语句牢记,很多情况下都是会事半功倍的!下面就让我们一起来学习一些这些代码都是什么吧,希望能够对你有所帮助。

1.将彻底屏蔽鼠标右键,无右键菜单

也可以用于网页中Table框架中

no

2.取消选取、防止复制

3.不准粘贴

4.防止复制

5.IE地址栏前换成自己的图标

说明:关于favicon.ico文件的制作。你可以先在FW中做一个图片,属于你自己站点一个小图标。然后在ACD

see将文件属性改为*.ico,然后将你做的*.ICO文件传到你的服务器目录中,然后就可以使用以上代码来实现,当别人登陆你的站点时,地址栏里使用的就是你自定义的图标了。

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

说明:制作方法和上面的一样。只是显示的方式不同,这个是在别人收藏你的网页地址时显示的个性图标。

7.关闭输入法

说明:这段代码是在表格提交时用到的。也就是在输入数据时不可以使用其他输入法模式。

8.永远都会带着框架

说明:frames.htm为你的网页,这也是保护页面的一种方法

9.防止被人frame

10.网页将不能被另存为

说明:的用法很广,其中一条就是可以使JS广告失效。

11.查源文件

onclick=window.location=’view-source:’+target=_blank#/test.htm’;

12.COOKIE脚本记录,有很大的用处哦

functionget_cookie(Name){

varsearch=Name+=

varreturnvalue=;

if(documents.cookie.length0){

offset=documents.cookie.indexOf(search)

if(offset!=-1){//ifcookieexists

offset+=search.length

//setindexofbeginningofvalue

end=documents.cookie.indexOf(;,offset);

//setindexofendofcookievalue

if(end==-1)

end=documents.cookie.length;

returnvalue=unescape(documents.cookie.substring(offset,end))

}

}

returnreturnvalue;

}

functionloadpopup(){

if(get_cookie(‘popped’)==”){

openpopup()

documents.cookie=popped=yes

}

}

说明:以上是JS代码,请自己加起始符和结束符

13.内框架使用

Iframe标记的使用格式是:

ame=main

src:文件的路径,既可是HTML文件,也可以是文本、ASP等

width、height:内部框架区域的宽与高;

scrolling:当SRC的指定的HTML文件在指定的区域不显不完时,滚动选项,如果设置为NO,则不出现滚动条;如为Auto:则自动出现滚动条;如为Yes,则显示;

FrameBorder:区域边框的宽度,为了让“内部框架“与邻近的内容相融合,常设置为0。

name:框架的名字,用来进行识别。

比如:当你想用父框架控制内部框架时,可以使用:target=框架的名字来控制。

例子:

14.自动跳转

在源代码中的加入如下代码:

charset=gb2312

说明:content=3表示3秒刷新到URL

15.如何改变链接的鼠标形状

只需在链接上加上这一代码就行的了

或者跟上面的用CSS写也行

style=cursor:hand

style=cursor:crosshair

style=cursor:text

style=cursor:wait

style=cursor:move

style=cursor:help

style=cursor:e-resize

style=cursor:n-resize

style=cursor:nw-resize

style=cursor:w-resize

style=cursor:s-resize

style=cursor:se-resize

style=cursor:sw-resize

上面介绍的代码你只需要加到连接或是页面的style区里就可以实现鼠标多样化。

以上就是小编今天为大家分享的关于Web前端工程师应该知道的经典代码的文章,希望本篇文章能够对正在正在从事Web前端工作的小伙伴们有所帮助,想要了解更多Web前端知识的小伙伴记得关注北大青鸟Web培训官网哦,最后祝愿小伙伴们工作顺利~

本文转载自java雪豹软件工作室(ID:czh_668899)

*声明:内容与图片均来源于网络(部分内容有修改),版权归原作者所有,如来源信息有误或侵犯权益,请联系我们删除或授权事宜。

回答于 2022-11-04

详情

该链接由问题回答方推荐

官方电话

在线客服

官方服务

官方网站

领学习资料

抢首赞

已踩

查看全部1个回答

立即下载

— 为你推荐更多精彩内容 —

正在加载

加载失败 点击重新加载

微信

微博

QQ

QQ空间

答案纠错

举报

取消

赞赏答主

5

10

50

100

200

已赞赏0财富值

合计:0 财富值

登录后赞赏

选择举报类型

侵犯版权

色情低俗

涉嫌违法犯罪

时政信息不实

垃圾广告

低质灌水

工作人员会在48小时内处理,处理结果请关注系统通知,感谢您对百度知道的支持。

确定

void function(a,b,c,d,e,f){function g(b){a.attachEvent?a.attachEvent(“onload”,b,!1):a.addEventListener&&a.addEventListener(“load”,b)}function h(a,c,d){d=d||15;var e=new Date;e.setTime((new Date).getTime()+1e3*d),b.cookie=a+”=”+escape(c)+”;path=/;expires=”+e.toGMTString()}function i(a){var c=b.cookie.match(new RegExp(“(^| )”+a+”=([^;]*)(;|$)”));return null!=c?unescape(c[2]):null}function j(){var a=i(“PMS_JT”);if(a){h(“PMS_JT”,””,-1);try{a=a.match(/{[“‘]s[“‘]:(\d+),[“‘]r[“‘]:[“‘]([\s\S]+)[“‘]}/),a=a&&a[1]&&a[2]?{s:parseInt(a[1]),r:a[2]}:{}}catch(c){a={}}a.r&&b.referrer.replace(/#.*/,””)!=a.r||alog(“speed.set”,”wt”,a.s)}}if(a.alogObjectConfig){var k=a.alogObjectConfig.sample,l=a.alogObjectConfig.rand;d=”https:”===a.location.protocol?””+d:””+d,k&&l&&l>k||(g(function(){alog(“speed.set”,”lt”,+new Date),e=b.createElement(c),e.async=!0,e.src=d+”?v=”+~(new Date/864e5)+~(new Date/864e5),f=b.getElementsByTagName(c)[0],f.parentNode.insertBefore(e,f)}),j())}}(window,document,”script”,”/hunter/alog/dp.mobile.min.js”);

window.tt = 1669013165;

原创文章,作者:小蓝,如若转载,请注明出处:https://www.506064.com/n/303067.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
小蓝小蓝
上一篇 2024-12-31 11:49
下一篇 2024-12-31 11:49

相关推荐

  • Python周杰伦代码用法介绍

    本文将从多个方面对Python周杰伦代码进行详细的阐述。 一、代码介绍 from urllib.request import urlopen from bs4 import Bea…

    编程 2025-04-29
  • Python字符串宽度不限制怎么打代码

    本文将为大家详细介绍Python字符串宽度不限制时如何打代码的几个方面。 一、保持代码风格的统一 在Python字符串宽度不限制的情况下,我们可以写出很长很长的一行代码。但是,为了…

    编程 2025-04-29
  • Python基础代码用法介绍

    本文将从多个方面对Python基础代码进行解析和详细阐述,力求让读者深刻理解Python基础代码。通过本文的学习,相信大家对Python的学习和应用会更加轻松和高效。 一、变量和数…

    编程 2025-04-29
  • 如何在Java中拼接OBJ格式的文件并生成完整的图像

    OBJ格式是一种用于表示3D对象的标准格式,通常由一组顶点、面和纹理映射坐标组成。在本文中,我们将讨论如何将多个OBJ文件拼接在一起,生成一个完整的3D模型。 一、读取OBJ文件 …

    编程 2025-04-29
  • 打造照片漫画生成器的完整指南

    本文将分享如何使用Python编写一个简单的照片漫画生成器,本文所提到的所有代码和技术都适用于初学者。 一、环境准备 在开始编写代码之前,我们需要准备一些必要的环境。 首先,需要安…

    编程 2025-04-29
  • 仓库管理系统代码设计Python

    这篇文章将详细探讨如何设计一个基于Python的仓库管理系统。 一、基本需求 在着手设计之前,我们首先需要确定仓库管理系统的基本需求。 我们可以将需求分为以下几个方面: 1、库存管…

    编程 2025-04-29
  • Python满天星代码:让编程变得更加简单

    本文将从多个方面详细阐述Python满天星代码,为大家介绍它的优点以及如何在编程中使用。无论是刚刚接触编程还是资深程序员,都能从中获得一定的收获。 一、简介 Python满天星代码…

    编程 2025-04-29
  • 写代码新手教程

    本文将从语言选择、学习方法、编码规范以及常见问题解答等多个方面,为编程新手提供实用、简明的教程。 一、语言选择 作为编程新手,选择一门编程语言是很关键的一步。以下是几个有代表性的编…

    编程 2025-04-29
  • Python实现简易心形代码

    在这个文章中,我们将会介绍如何用Python语言编写一个非常简单的代码来生成一个心形图案。我们将会从安装Python开始介绍,逐步深入了解如何实现这一任务。 一、安装Python …

    编程 2025-04-29
  • Python中文版下载官网的完整指南

    Python是一种广泛使用的编程语言,具有简洁、易读易写等特点。Python中文版下载官网是Python学习和使用过程中的重要资源,本文将从多个方面对Python中文版下载官网进行…

    编程 2025-04-29

发表回复

登录后才能评论