javascript学习笔记

阅读更多


1.网页技术分为三个方面:静态网页、网页美工、动态网页。
2.DHTML(动态HTML)是一种通过各种技术的综合而得以实现的概念,包括三部分:HTML、Script(JavaScrip or VBScript)、CSS(Cascading Style Sheets)。
3.颜色“#rrggbb”六位十六进制数。
4.js删除提示
1)删除
2)JS
删除

5.点击按钮/链接弹出提示
1)

表示两秒后自动关闭窗口。

8. 背景音乐
显示操作面板:
在相应地方加
不显示操作面板:
在页中任意地方加


9. 如何让浏览器正确显示word 文件格式?
为了正确处理word 等格式,你需要在HTML文件中设置好该文件类型

还有其它经常设置的文件类型:
application/msword Microsoft Word Document
application/pdf PDF Document
application/wordperfect6.0 WordPerfect 6.0 Document
application/zip ZIP archive
audio/x-wav WAV audio format
audio/midi MIDI audio format
audio/x-pn-realaudio RealAudio
image/gif GIF image format
image/jpeg JPEG image format
image/png PNG image format
text/html HTML document
text/plain Plain text
video/mpeg MPEG video format
video/quicktime QuickTime video format
video/x-msvideo AVI video format

10. 链接的不同方式
在帧里显示:在链接处加target="main"语句,其中main为帧名
整页显示:在链接处加target="_top"语句
开新窗口:在链接处加target="resource window"语句,如

11. 强制主页每次都不进行缓存,而从服务器上重读
在Head部分加

这样一来,浏览器将不考虑cacke中的内容而强制重新读入您的页面,等于用户使用Reload。

12. 自动刷新
定时刷新:
幻灯片效果:语句类似上面,但在页面1中URL指向页面2,而页面2指向页面3 ...
页面n指回页面1,即可实现循环显示页面的效果

13.提前载入图片
如果您的站点中后面的页有大图形需要显示,您不妨在第一页中提前载入。把语句:
,其中width,height要设置为0, 放在第一页HTML中的任何地方。
如果您的访问者在第一页停留的时间足够长,当他进入第二页时,图象会立即显示出来

14. 自动连接
在预定时间后自动连入另一个指定的页面。
方法:
...中加入以下一行:

其中10代表10秒后自动连接。

15. 移动文字
这在主页上是常用的,其制作方法很简单。
要移动的文字
  1.移动 的方向: !=left, right
  2.移动的方式: !=scroll ,side,alternate
  3.循环次数: !=次数。若未指定则循环不止。
  4 循环速度: !=数

16. 浮动背景(背景图像不滚动 )
当你拉住下拉条时,背景不动。

或用CSS样式表定义:


17. 让背景图像不平铺的CSS样式表定义:

(不懂)18. 测试浏览器类别并自动装入不同的网页
目前微软和网景的浏览器并不能完全兼容所有网页,有的在某种浏览器里非常漂亮,而用其它浏览器查看时却一团糟。如果你需要测试浏览器,可以加入以下javascript代码并保存单独一个网页:

19. 定义本网页的关键字
在网页中加入关键字,可以供某些搜索站台机器人的使用,它们会利用该关键字为你的网站做索引,这样,当别人用关键字搜索网站时,如果你的网页包含该关键字,那么就可以被列出了,定义本网页关键字,可以加入以下代码:

  content 所包含的就是关键字,你可以自行设置。
  这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如:

20. 在网页中加入E-mail链接并显示预定的主题

21. 隐藏在状态栏里出现的链接信息
当指向一个链接时,该链接的信息会出现在浏览器状态栏里,如果需要隐藏信息,可以如下设置:
test
  如果想要指向一个链接时,浏览器状态栏里出现特定的信息,把none 改成你需要的文字即可。
22.如何正确使用图片格式?
目前在网络上的图片准标准格式为JPG和GIF。当图片颜色数很多时,就选择JPG,它的压缩比高,而GIF适合颜色数少的图片。
23. 如何在网页上显示访问者系统信息?
把以下代码加入到:

24. 如何点击一个链接同时在两个frame 内变化?
对于一个由topFrame、leftFrame、mainFrame 构成的页面,如果想在leftFrame 中点击链接,同时在其他两个frame 内变化,代码如下:

25. 打开一个新的浏览器窗口并设置窗口的属性
如果你需要在载入站点的同时,再打开另一个新窗口,加入以下代码即可:

期中pop.htm可以设置为你的htm文件,对于设置新窗口的属性,对照以下设置:
popup = window.open('', 'popupnav', 'width=200,height=170,resizable=1,scrollbars=auto');
width:宽,height:高,resizable:是否允许访客缩放新窗口,scrollbars:如果文本超过一屏,是否生成滚动条,status:是否显示状态栏,menubar:是否显示菜单,location:是否显示地址栏.
以上所有属性使用格式为:属性=yes或者no.而width和height两个属性为:width=#pixels,height=#pixels.
26. 打印按钮




27. 查看源码按钮

28. 如何去掉页面滚动条?
在body 中加入样式表控制,代码如下:
style="overflow-x: hidden; overflow-y: hidden; width: 100%">
29. 如何让站点自动跳转到另一页?
加入以下代码到HTML文件中即可:

content中的"5"为停留的秒数,http://www.yhyhw.com/ 是将要跳转的页面。
30. 水平线、垂直线
插入HR很简单:
。如何让它垂直呢,更简单:

31. 如何让下拉式菜单中的链接来打开一个新的窗口?
先把下拉式菜单设置好,如:



然后把即可。
32. 如何让下拉式菜单中的链接来打开一个新的窗口?
先把下拉式菜单设置好,如:



然后把即可。

34. 如何跳到页面的顶部?
当浏览者浏览到页面底部后,你需要提供一个单击,让浏览者方便的跳到页面顶部,加入以下代码:
返回顶部
35.如何让浏览器正确显示word文件格式?
为了正确处理word等格式,你需要在HTML文件中设置好该文件类型,比如:

还有其它经常设置的文件类型:
Application/msword Microsoft Word Document application/pdf PDF Documentapplication/wordperfect6.0 WordPerfect 6.0 Documentapplication/zip ZIP archiveaudio/x-wav WAV audio formataudio/midi MIDI audio formataudio/x-pn-realaudio RealAudioimage/gif GIF image formatimage/jpeg JPEG image formatimage/png PNG image formattext/html HTML documenttext/plain Plain textvideo/mpeg MPEG video formatvideo/quicktime QuickTime video formatvideo/x-msvideo AVI video format
36.如何在一个站点不同页面间播放同一种声文件?
大家有这样的经验,当你访问一个站点首页时,会听到该页设置的背景声音文件,比如一段音乐。当你链接到该站点另一页时,音乐就停止了。如何让声音不断呢。其实,你只需要建立一个上下框架结构的网页,把声音文件建立在下框架里,并把下框架的宽度设置为一个像素,而上框架里是页面内容,当访问者离开站点首页时,因下框架内容未变,所以,声音不会间断。大家还要注意两点,第一,把框架的边框设置为0;第二,隐藏声音文件的播放界面,然后把上下两个框架的背景设置为相同。
37.如何让所有页面共享同一个层叠样式表(CSS)?
在每一个页面的部分中加入以下代码:

其中cnshell.css为共享的层叠样式表文件
38.如何为链接定制新窗口?
我们可以打开一个新的窗口来显示链接的内容,但如何定制这个新窗口呢。
只需要在标签中加入onClick事件:
问答
"#"表示单击链接"问答"后,当前窗口保持不变,cnshell.htm为单击链接"问答"后所打开新窗口装载的内容,而scrollbars=yes,resizable=yes,width=500,height=40为设置新窗口的大小等属性。
39. 如何在页面利用单击来关闭浏览窗口?
在部分加入以下代码:
关闭窗口
40. 如何删除图片链接的蓝色边框?
如果我们设置了图片为一个链接,会发现图片四周出现了蓝色边框。要删除边框,需要在图片标签里加上border="0"。如:
41. 如何清除页面中的框架结构?
在链接属性中加入target="_top" 如下设置:
宇风多媒体
当你单击了这个链接,页面所有框架被清除并以该链接内容替代。
42.直接跳转到下一页面

后加入下面语句,表示跳转到Config.do

43. 如何创建一个下拉菜单?
我们在主页中常会用到下拉菜单,一般来说,它需要CGI程序支持。你也可以利用javascript编写一个。






44.如何建立一个站点的搜索引擎系统?
如果你的站点有许多内容,你希望访问者能很快找到他想要的信息。那么你需要建立一个搜索引擎。连接到网站网络特区http://netzone.swatou.com/personal/,单击"申请站点引擎"并填写申请表,再按照要求建立站点页面数据库即可。
45. 什么是目标窗口,它该如何设置?
目标窗口是页面链接所指内容显示的窗口,也就是当你单击了页面某一个链接后,该链接所指的内容在那个窗口显示。大多数情况下,我们无需关心它,因为一般都是在同一窗口显示。target是链接标签的属性,它的作用就是指定目标窗口,target有以下几个值:
_self-将链接指向的内容装载到当前页的窗口或框架中
_top-完全取代当前页面的所有框架
_blank-为链接指向的内容打开一个新的窗口
_parent-把链接指向的内容装入当前页父窗口中
以上设置多用在框架结构的页面中。
46. 如何为所有链接指定同一目标窗口?
在框架网页结构中,我们需要指定链接所指向的内容显示在那个窗口中。如果你的链接大部分都指定到同一个窗口中,就可以在部分中加入:,你无需为每个链接再指定窗口了。
47. 尽量用table标签,这样可以避免之间的干扰;尽量设为
,一方面是不显示表格线,另一方面占满整个宽度,不会因为内容不够而宽度变窄;包含
要设为,不然内部table默认居中。
48.中第一行表格的width控制各列宽度;每列第一个格的height控制各行高度。
49.如何把一行表单或图片都放于middle位置:要把每一个都用之间不要有空格或空行,即应该这么写,否则图片上下会产生空白的一细条。
51. 表示一个空格,这个空格占一个字符(对于字母)还是两个字符(对于汉字)是根据浏览器的(工具->Internet选项->语言)来决定的,是不确定的,所以中文开头只需要两个 而不是四个 。
52.在线播放:
下面两个视频,前一个是RM视频(.rm .rmvb),后一个是MP视频(.wmv .asf .avi),为了不影响大家,都设置为手动播放,并将相关的代码及说明放在了视频的下面:
RM源代码:














说明:以后可以直接把以上代码放到网页中使用,需要修改的属性说明如下width=352 height=288 这是控制媒体高度和宽度的VALUE="http://www.cqie.cn/pub/iec.rm" 这是指定媒体文件URL地址的,如果安装了REALSERVER的话,可以用rtsp://www.cqie.cn/pub/iec.rm来进行流式播放,看起来会更流畅,而且可拖动。AUTOSTART VALUE=0  这是控制是否自动播放的,你只要将value=1就可以自动播放了

MP源代码:







53.树状显示js代码
(要求:某行文本前面有一个加号的标签,一点击加号变成减号,同时该行展开它之下所属信息,以缩进形式呈现,再点击减号又变回加号、下面展开的文本收回,这应该怎么做?除了js方式有什么其他方式实现么?谢谢!)



无标题文档



+a


+b


+c


+d



54.下拉菜单(新建个.html文件,把代码考进去就行)


打造下拉菜单




 
隔开,每个都要设valign="middle"。
50.

   
     
   
 

        经典论坛






55.防止下载网页信息(例如显示受控文件)的简单方法:
a。屏蔽鼠标左右键,
b。加密网页源文件,推荐Batch Html Encryptor加密软件。
c.用Adobe Acrobat 6.0 Standard软件加密。
 
55。此方法显示下拉框默认值



56.用javascript设置输入框焦点









57.select标签下的OPTION标签没有value属性时,把内容当属性传过去,比如传的值就是所有用户,建议用以下方法。


58.不保留缓存方法:
<%
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setHeader("Cache-Control", "must-revalidate");
response.setDateHeader("Expires",0);
%>

59.全选、全不选js方法 (直接放在.htm文件中即可)

 

 

 



60.$('name')同document.getElementById('name'),是一种简化写法。(可能新版本js可用,老版本不行,我项目中试过一次,不行)

70.js读java变量:
<%
String s = "welcome";
%>


71、验证父子frame之间的js函数调用(注意父调子时的load问题)
我定义了两个html文件,第一个是a.html:






第二个是b.html:


你可能感兴趣的:(JavaScript,Dreamweaver,CSS,浏览器,框架)