网页代码常用小技巧总结_javascript技巧-js教程-PHP中文网

1.让浏览器窗口永远都不出现滚动条。

<body style="overflow-x:hidden;overflow-y:hidden">或<body style="overflow:hidden"> 或<body scroll=no>
2，没有水平滚动条
<body style="overflow-x:hidden">
3，没有垂直滚动条
<body style="overflow-y:hidden">
2,如何给图片抖动怎做的.
<script language=javascript1.2>

</script>
<style>.shakeimage {position: relative}
</style>
<img src="图片的路径" onmouseout=stoprattle(this) onmouseover=init(this);rattleimage() class=shakeimage>

　　4，在dw如何给水平线加颜色。

在dw中没有此项设置，你只能在html中加入代码：<hr color=red noshade>按f12的预览在能看到。由于在nc中不支持<hr>的color属性，所以在dw中没有此项设置。
　　　
　　5，如何在网页中实现flash的全屏播放？

只要在调用swf文件的html中将width和height的参数设为100％即可，当然也可以在flash导出html文件的设置中进行设置，方法是：打开file菜单；选publish settings弹出导出设置对话框；在html标签下的dimensions选项,下拉后选中percent（百分比）,并在width 和height框中填100.就行了。

　　6,为什么我在dw中插入的flash动画缺看不找！

如果你没有正确地安装dreamweaver和flash，那么在你预览的时候，dreamweaver会提示你缺少播放的插件，请你按装installaxflash.exe 并从新启动计算机。现在ie6已经捆绑这个程序。

　　7，在flash中，如果屏蔽鼠标右键?fs命令都是什么意思?

fscommand ("fullscreen", "true/false");（全屏设置，true开，false关）
fscommand ("showmenu", "true/false");（右键菜单设置，true显示，false不显示）
fscommand ("allowscale", "true/false");（缩放设置，true自由缩放，false调整画面不影响影片本身的尺寸）
fscommand ("trapallkeys", "true/false");（快捷键设置，true快捷键开，false快捷键关）
fscommand ("exec");（exe程序调用）
fscommand ("quit");（退出关闭窗口）

　　8，flash中什么是隐形按钮。

利用button中的hit帧来制作只有感应区域而完全透明的按钮。

　　9，如何给flash动画做链接。

dreamweaver是不能给flash制作链接的，只能在flash中用geturl()加链接，然后再插入dreamweaver中。

　　10，dw中的层的技巧。

层是可以嵌套的，我个人给大家一个技巧，在层面板中按住ctrl再拖放层到你想去成为其子层的地方就行了，我认为这是最简单直观的方法了。

　　11，如何改变鼠标的形状？

在dreamweaver4中css样式面板：
按ctr +shift+e--出现样式表对话框,点击new，出现编辑对话框,在左边最后一项extensions-cursor 选择你要改的指针形式就可以了，然后把你要想改变的地方运用样式表，如果整页都有在<body bgcolor="#003063" text="#ffffff" id=all>中加入就行了。
<span style="cursor:x`>样例</span>
这里选择（文本）作为对象，还可以自己改为其他的，如link等。
x 可以等于=hand（手形）、crosshair（十字）、text（文本光标）、wait（顾名思义啦）、default（默认效果）、help（问号）、e-size（向右箭头）、ne-resize（向右上的箭头）、nw-resize（向左上的箭头）、w-resize（向左的箭头）、sw- resize（左下箭头）、s-resize（向下箭头）、se-resize（向右下箭头）、auto（系统自动给出效果）。

　　12，用css做邮票，看看吧！

<input type=button value=我象不象邮票？ style="height:80px;border:2px dashed #cccccc">

　　13，经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，怎么做呢！

这javascript代码即可实现，摘录蓝色论坛。
【1、最基本的弹出窗口代码】
其实代码非常简单：
<script language="javascript">

</script>
因为着是一段javascripts代码，所以它们应该放?lt;script language="javascript">标签和</script>之间。是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。
window.open (`page.html`) 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以，只是不要混用。
这一段代码可以加入html的任意位置，<head>和</head>之间可以，<body bgcolor="#003063" text="#ffffff" id=all>间</body>也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。
【2、经过设置后的弹出窗口】
下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。
我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况。
<script language="javascript">

</script>
参数解释：
<script language="javascript"> js脚本开始；
window.open 弹出新窗口的命令；
`page.html` 弹出窗口的文件名；
`newwindow` 弹出窗口的名字（不是文件名），非必须，可用空``代替；
height=100 窗口高度；
width=400 窗口宽度；
top=0 窗口距离屏幕上方的象素值；
left=0 窗口距离屏幕左侧的象素值；
toolbar=no 是否显示工具栏，yes为显示；
menubar，scrollbars 表示菜单栏和滚动栏。
resizable=no 是否允许改变窗口大小，yes为允许；
location=no 是否显示地址栏，yes为允许；
status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
</script> js脚本结束
【3、用函数控制弹出窗口】
下面是一个完整的代码。
<html>
<head>
<script language="javascript">

</script>
</head>
<body onload="openwin()">
…任意的页面内容…
</body>
</html>
这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。
怎么调用呢？
方法一：<body onload="openwin()"> 浏览器读页面时弹出窗口；
方法二：<body onunload="openwin()"> 浏览器离开页面时弹出窗口；
方法三：用一个连接调用：
<a href="#" onclick="openwin()">打开一个窗口</a>
注意：使用的“#”是虚连接。
方法四：用一个按钮调用：
<input type="button" onclick="openwin()" value="打开窗口">

　　14，没有用表格写的，让大家随便看看，没什么。

<html>
<head>
<title>江南荷花扇面</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<style type="text/css">

</style>
</head>
<body bgcolor="#ffffff" text="#000000">
<p class="font1" style="writing-mode=tb-rl;height:200px" width=300>
<p>盛夏　　　　　　尚　涛　
<p><a href="index.htm">一夜露痕黄粉香　袁运甫 </a>
<p>瑶池昨夜新凉　　王金岭
<p>一朵白莲随意开　吴冠南
<p>新雨迎秋欲满塘　齐辛民
<p>十里荷香　　　　齐辛民
<p>濯清莲而不妖　　卢世曙
</p>
</body>
</html>

　　15,ie6已支持自定义cursor!

语法格式 cursor:url(图标) //cur或是ani文件.
cur就是windows中的光标(cursor)文件，光标文件与图标（icon)文件除了文件头有一个位置的值不同外，实际是一样的。
ani是windows中的动画光标（图标）文件。
<style type="text/css">

</style>

　　16,用marquee做的滚动字幕.这也我刚看到论坛的朋友在问。

语法：
align=# | top | middle| bottom //对齐方式)
behavior=alternate | scroll | slide //移动的方式
bgcolor=color//底色区域颜色
direction=down | left | right | up //移动的方向
loop=n //循环次数（默认是循环不止）
scrolldelay=milliseconds//延时
height=# width=# //区域面积
hspace=# vspace=# //空白区域
scrollamount=# //移动的速度
<marquee align=top behavior=alternate bgcolor=#000000 height=60 width=433 scrollamount=5></marquee>

　　17，在flash5中也存在一些字体，打散后变成一团的事是为什么？有解决的办法吗。

这是大家很常见的问题！可能是对字库支持的不好！我个是做成透明的gif图片格式，然后倒入。

　　18，flash的网页里“加入收藏夹”功能怎么实现？

在as中加geturl("java script:window.external.addfavorite(http://www.php.cn/`,`网页教学网`)")

　　19，在flash中，文本的动态属性和输入属性的区别。

input text在运行时可被用户或程序改变其值。
ynamic text仅允许被程序修改。

　　20,怎样在ie中调用dreamweaver进行编辑.

相信很多在使用winme或window2000的朋友，会遇见是个问题。很简单，把我们笔记本程序打开，保存为一个 *.reg 文件。双击它将信息添加到注册表即可。
regedit4
[hkey_classes_root.htmopenwithlistdreamweaver]
[hkey_classes_root.htmopenwithlistdreamweavershell]
[hkey_classes_root.htmopenwithlistdreamweavershelledit]
[hkey_classes_root.htmopenwithlistdreamweavershelleditcommand]
@=""c:program filesmacromediadreamweaver 4dreamweaver.exe" "%1""

　　21，设置表格虚线。

方法一：作一个1x2的图。半黑半白，再利用表格作成线。
方法二：在css里面设，要ie5。5才支持这种效果。
style="border-left: #000000 1px dashed; border-right: #000000 1px dashed; border-top: #000000 1px dashed; border-bottom: #000000 1px dashed"

　　22,看看在网页中调用hhctrl控件效果。

代码如下：
<object id="hhc" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"></object><script> hhc.textpopup("哈哈,大家好,我是闪梦!","",50,5,128255,346751);</script>

　　22，如何让一张图片有浅到深的渐变。

<script language=javascript1.2>

</style>
</head>
<body bgcolor="#ffffff" text="#000000">
<a href="#">下划线链接 </a>
<p></p>
<a href="#" class="r1">双下划线链接</a>
</body>
</html>
补充说明：
a:hover 表示鼠标划过时的样式.
a:link 表示链接的样式.
a:active 表示当前活动连接的样式.
a:visited 表示已经访问过的连接的样式.

　　25, 用css给文字加入阴影效果和文字描边效果。

.glow{font-size: 9pt; filter: glow(color=#000000, strength=1)}
//文字描边效果
.shadow {font-size: 9pt; filter: dropshadow(offx=1, offy=1, dropshadow(offx=1, offy=1, color:#111111); color: #ffffff; font-family: "宋体"}
//加入阴影效果
补充说明：
　　这两种滤镜要想实现效果，必须加在如：<td class=glow或shadow ><p>xxxxxxxxx</p></td>上
，并且要留有足够的空间能够显示阴影或描边，否则会出现半截的阴影或描边现象。

　　26,如何给做带颜色的下拉菜单。

<select style="font-size: 10px; color: #ffffff; font-family: verdana;background-color: #ff6600;" size=1 >
<option selected>:: dreamweaver4 ::</option>
<option>::flash5::</option>
<option>::firewoks4::</option>
</select>

　　27,关于dw4的表格中的亮边框和暗边框问题。

在dw4的表格面板中并没有亮边框和暗边框的属性设置，因为nc不支持,只有你在代码中添加了。
bordercolorlight="#999999" bordercolordark="#000000"
　　你也可以用css定义一个class。例如：
<style>
.bordercolor { bordercolorlight: #999999; bordercolordark: #000000 }
</style>
　　然后在要加效果的表格里加?lt;table class="bordercolor">

　　28,自动显示主页最后更新日期.

<script>
document.write("最后更新日期："+document.lastmodified+"")
</script>

　　29,如何让滚动条出现在左边？

我想居然在论坛中有人发表了这段代码，很有意思，它的确照顾一些左撇子，呵呵！
<html dir="rtl">
<body bgcolor="#000000" text="#ffffff">
<table height=18 width=212 align=center bgcolor=#ffffff dir="ltr" cellspacing="1" 　cellpadding="0">
<tr>
<td bgcolor="#ff0000" >是不是你的滚动条在左边啊</td>
</tr>
</table>
</body>
</html>

　　30,如何加入网址前面的小图标？

　　首先,您必须了解所谓的图标（icon）是一种特殊的图形文件格式，它是以 .ico 作为扩展名。你可用在网上找一个制作图标软件，它具有特有的规格：图标的大小为 16 * 16（以像素为单位）；颜色不得超过 16 色。在该网页文件的 head 部分加入下面的内容：<link rel="shortcut icon" href=" http://www.php.cn/图标文件名">,并放在该网页的根目录下。

　　31,在800*600显示器中，如何不让网页水平出现滚动条！

设至<body leftmargin="0" topmargin="0">，网页中的表格宽度为778。

　　32,关于<!dotype>的说明解释。

在网页中，经常会看到<!doctype html public`-//w3c//dtd html 4.01//en`>，是声明html文件的版本信息。

　　33, 用图片来关闭窗体.

<a href="java script:window.close()"><img height=20 width=20 alt="关闭窗口" src="close.gif" border=0></a>
补充说明：如何使用了activex！,不再警告窗口？
<html>
<head>
<object id=closes type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="command" value="close"></object>
</head>
<body bgcolor="#003063" text="#ffffff" id=all> <a href="#" onclick="closes.click();">关闭窗口无提示</a>
</body>
</html>

　　34,禁止鼠标右键查看网页源代码。

<script language=javascript>
function click()
{if (event.button==2) {alert(`你好,欢迎光临！`) }}
document.onmousedown=click
</script>
补充说明：
鼠标完全被封锁,可以屏蔽鼠标右键和网页文字。
< body oncontextmenu="return false" ondragstart="return false" onselectstart="return false">

　　35,通过按钮来查看网页源代码。

<input type="button" value="查看源代码" onclick= `window.location = "view-source:" + window.location.href` name="button">

　　36,怎么用文字联结实现按钮的submit功能？

<a href="#" onclick="formname.submit()">ok</a>
这段文字要放在form里。formname是这里要写在form中的name,<form name=form111>那么就应该是form111.submit()

　　37,如何做一个空链接？
加#

　　38,利用<iframe>来给网页中插入网页。

　　经常我看到很多网页中又有一个网页，还以为是用了框架，其实不然，是用了<iframe>,它只适用于ie，ns可是不支持<iframe>的，但围着的字句只有在浏览器不支援 iframe 标记时才会显示，如<noframes>一样，可以放些提醒字句之类的话。
你注意啊！下面请和我学习它的用法。
分析代码：<iframe src="iframe.html" name="test" align="middle" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="yes"> </iframe>
　　src="iframe.html"
　　用来显示<iframe>中的网页来源，必要加上相对或绝对路径。
　　name="test"
　　这是连结标记的 target 参数所需要的。
　　align="middle"
　　可选值为 left, right, top, middle, bottom，作用不大。
　　width="300" height="100"
　　框窗的宽及长，以 pixels 为单位。
　　marginwidth="1" marginheight="1"
　　该插入的文件与框边所保留的空间。
　　frameborder="1"
　　使用 1 表示显示边框， 0 则不显示。（可以是 yes 或 no）
　　scrolling="yes"
　　使用 yes 表示容许卷动（内定）， no 则不容许卷动。

　　39,请问＜tbody＞的用法？

tbody用法据说是加强对表格的控制能力的.例如：
　<table><tbody>……..</tbody></table>
　　tbody代码如果不是你用手写的话,只有在你用ie5打开一个网页的时候，把它另存为
一下，你的另存为的文件在表格中就会生成tbody代码。(即便你的表格根本就没有
tbody代码，ie5另存为的时候也会给你生成)。

　　40,alt和title都是提示性语言标签，请注意它们之间的区别。

　　在我们浏览网页时，当鼠标停留在图片对象或文字链接上时，在鼠标的右下角有时会出现一个提示信息框。对目标进行一定的注释说明。在一些场合，它的作用是很重要的。
alt 用来给图片来提示的。title用来给链接文字或普通文字提示的。
用法如下：
　　　<p title="给链接文字提示">文字</p>
　　　<a href="#" title="给链接文字提示">文字</a>
　　　<img src="图片.gif" alt="给图片提示">
补充知识：<title><alt>里面如何多行换行？在源代码里enter回车。
<a href="#" title="个人简历
姓名：张培
网名：我是闪梦
性别：男的，不是女的。
爱好：网页制作，软件开发">个人简历</a>
例如：个人简历

　　41, 用javascript代码来实现闪烁按钮。

<body>
<form method="post" action="--webbot-self--">
<input type="button" name=sub value="闪烁" id=flashit style="border: 1px solid ;background-color: #ffffff">
</form>
<script>
if (document.all&&document.all.flashit)
{
var flashelement=document.all.flashit
if (flashelement.length==null)
flashelement[0]=document.all.flashit
function changecolor(which)
{
if (flashelement[which].style.color==`#800000`)
flashelement[which].style.color="#0063a4"
else
flashelement[which].style.color="#800000"
}
if (flashelement.length==null)
setinterval("changecolor(0)",1000)
else
for (i=0;i<flashelement.length;i++)
{
var tempvariable=`setinterval("changecolor(`+i+`)",`+`1000)`
eval(tempvariable)
}
}
</script>
</body>

　　42,css给图片定义颜色边框。

img { border: 1px solid red}

　　43,在dw中如何使插入的flash透明。

方法一：选中swf,打开原代码窗口，在</object>前输入:<param name="wmode" value="transparent">
方法二：在flash中的flie→publist settings→html→window mode选择transparent

　　44,在dw编辑文本中，如何输入一个空格呢？
输入空格的问题，在dw似乎已成了一个老生常谈的问题。通过将输入法调整到全角模式就可以避免了。本以人工智能abc为例.按shift+space切换到全角状态。

　　45,为何我的dw中图形显示不正常。

第一种：可能是因为你定义并正在使用一个site，而你的html文件或者图片不在这个site包含的区域之内，因此dreamweaver使用file协议来
描述图象的绝对路径，可惜ie不支持src中使用file协议，所以图象就显示不出来了。
第二种：可能是放图片的文件夹或图片名为中文，也显示不到网页中去。

　　46,如何在本地机器上测试flash影片的loading？

我想这可能是很多人在问的题了，其实很简单，在test时，选选view->show streaming就可以看到了。

　　47,在网页中做出一根竖的线有几种办法.

第一种方法：用一个像素图的办法！
如果你用dreamwever的edit→preferences…→layout view中的spacer image给你创建了一个缺省名为：spacer.gif的一个像素图文件。
代码中：
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#ff0000" height="200" ><img src="spacer.gif" width="1" height="1"></td>
</tr>
</table>
第二种方法：用表格填颜色的办法！把<td> </td>中的删掉 .
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#ff0000" height="200" width="1"></td>
</tr>
</table>
第三种方法：用水平条。
<hr color="red" width="1" size="100%">

　　48, 关于鼠标拖动,改变层大小。──看看微软的做法.

<script>
document.execcommand("2d-position",false,true);
</script>
<p contenteditable=true>
<p style="width: 300px; position: absolute; height: 100px; background-color: red">移动层</p>
</p>

　　49 ,点击连接文字加入收藏夹。

<a href="java script:window.external.addfavorite(http://www.php.cn/`, `网页教学网`)">点击加入收藏夹</a>

大家都在看：

Puppeteer 自动化：可靠点击动态页面元素的策略 Puppeteer点击难题：利用通用选择器与页面内点击解决动态UI交互 Facebook Graph API：正确搜索页面并获取ID的指南深入理解HTML按钮与JavaScript事件：避免页面意外重载解决 Puppeteer 自动化点击失效：通用选择器与页面内交互策略