html中js是什么(html静态页面代码)

html中js是什么

JS全称JavaScript，是一种高级的、解释型、直译式脚本言语，是一种根据原型、函数先行的言语，是一门多范式的言语，它支撑面向对象编程，指令式编程，以及函数式编程。
JavaScript是面向Web的编程言语，获得了一切网页浏览器的支撑，是现在使用最广泛的脚本编程言语之一，也是网页设计和Web应用有必要掌握的基本工具。
JavaScript是一种属于网络的脚本言语，现已被广泛用于Web应用开发，常用来为网页增加各式各样的动态功能，为用户供给更流通漂亮的浏览效果。自Node.js技能出现，还能够根据Node.js技能进行服务器端编程。
JavaScript常用来完结以下使命：
1、嵌入动态文本于HTML页面
2、对浏览器事件作出呼应
3、读写HTML元素
4、在数据被提交到服务器之前验证数据
5、检测访客的浏览器信息
6、控制cookies，包含创建和修改等
7、根据Node.js技能进行服务器端编程。
扩展知识：JavaScript历史
1995年2月，Netscape公司发布NetscapeNavigator2浏览器，并在这个浏览器中免费供给了一个开发工具——LiveScript。因为其时Java比较盛行，Netscape便把LiveScript改名为JavaScript，这也是开始的JavaScript1.0版别。
因为JavaScript1.0很受欢迎，Netscape在NetscapeNavigator3中又发布了JavaScript1.1版别。不久，微软在InternetExplorer3中也加入了脚本编程功能。为了避免与Netscape的JavaScript产生纠纷，微软特意将其命名为JScript。
1997年，欧洲计算机制造商协会（ECMA）以JavaScript1.1为基础制订了脚本言语标准——ECMA-262，并命名为ECMAScript。
1998年，世界标准化组织和世界电工委员会（ISO/IEC）采用了ECMAScript标准（即ISO/IEC-16262）。自此，浏览器厂商就以ECMAScript作为各自JavaScript完成的标准标准。JavaScript正式从各自为政走向了标准一致。

html静态页面代码

Internet是一个全球计算机相互网络，WWW是Internet所供给的一种极其重要的服务，即WorldWideWeb，简称Web；WWW主要以Web为表现方式，或者说，Web是Web页即网页的载体，咱们所说的Web页便是指由HTML（超文本符号言语）这种言语编写的一类特别文件，通常后缀为*.html或*.htm的页面。
DreamweaverCS根本运用
HTML文档结构：
：静态网页源代码首尾结构符号，代码内呈现网页一切内容
：网页主体部分
：网页头部，包含网页导航栏中的标题和网页不显现的信息
：标签内显现出网页台头的标落款，用于标签之内
：辅助性标签，用于符号之内
：标注网页的作者
：设定查找关键字
：告诉查找机器人需求索取的页面，默许悉数
：http-equiv特点代替name特点，expires设定网页到期时间
：间隔5秒网页主动改写，并指向新的URL网址
：表示是一行级别是2号的标题文字，有h1~h6的6级标题可选
：文字处理标签
：预先格局化，以格局化显现标签中的内容结构
：段落符号，center(居中)、left(左面)、right(右边)
：换行符号，按[shift]+[enter]可完结
粗体：粗体字体符号斜体：斜体字体符号
上标：上标符号文本格局下标：下标符号文本格局
：无序列表开端完毕符号
：列表项符号，为可选项
：有序列表开端完毕符号，start特点指定列表的开端数字
：有序列表的序列符号，可自界说为数字或字母等
：水平线符号，可符号水平线的长度、高度、纯色阴影显现、色彩等特点
：在HTML中刺进图画，align特点值：top(头部)、bottom(底部)、middle(居中)、left(居左)、right(居右)
点击
：弹出“你好！”信息的行为
点击
：弹出图片
：在网页中刺进音频文件
：翻滚文字字幕，方向特点:down向下、up向上、left向左、right向右
咔咔主页：超级链接符号
点击：对话框脚本链接
高兴农场外挂下载：文件下载链接
新闻报道：相对途径链接（锚记）
HTML
HTML表格符号：
：界说表格的标题（可选）
：界说表格的一行
：用来装载单元格数据，它们必须坐落符号之间
链接途径：（链接的类型和方针特点）
1.链接类型
◆外部链接：跳转到站点外其他网站的链接
◆内部链接：站点根目录内文档之间的相互链接，也称为相对文档链接
◆E-mail链接：完结翻开E-mail客户端运用程序进行撰写、发送邮件的作业
◆局部链接：在同一文档内部或不同文档之间指定方位的链接
2.链接方针
◆_blank：将翻开一个新窗口
◆_parent：将在父窗口中翻开
◆_self：将在当时窗口中翻开
◆_top：将在上级窗口中翻开
：命名锚记
刺进图画、Flash及其他多媒体方针
1．在网页中刺进图片和图画占位符
翻开HTML文档，将刺进点放在要刺进图画的方位，单击刺进栏中“常用”面板的“图画”按钮，或挑选“刺进”的“图画”指令，在弹出的“挑选图画源”对话框中挑选要刺进的图画，确认即可。
相同，挑选刺进“图画占位符”，也是如此，在对话框中设置占位符称号、宽度和高度、色彩和替换文本。2．图画地图（热区）
绘制热区：在文档窗口单击选中图画，在特点查看器中显现“地图”选项的文本域中为该热区输入一个姓名，假如在同一文档中运用多个地图，必须确保姓名的唯一。
热区绘制东西有3种：
◆矩形热门东西
◆圆形热门东西
◆多边形热门东西
3．创立轮替图画
轮替效果是刺进鼠标通过图画的功用，利用两个图片完结的轮替显现效果。
将刺进点定位到文档窗口中需求刺进轮替图画处，挑选“刺进”—“交互式图画”—“鼠标通过图画”按钮，在弹出的“刺进鼠标通过图画”对话框中设置相应的参数，原始图画、鼠标通过图画和按下时，前往的URL。4．创立导航条
导航条通常在网页中的左边或上方，网站同一级页面乃至整个网站一般会运用同一个导航条，这样使得整个站点便利导航、风格一致，便于阅读者在个页面之间阅读转化。
翻开HTML文档，挑选“刺进”—“交互式图画”——“导航条”指令或单击刺进栏中的常用的面板上导航条，在弹出的对话框中，点击+增加导航条元件，输入项目称号，刺进状况图画和鼠标通过图画以及按下图画（可选），还有替换文本和按下时前往的URL，挑选水平刺进或笔直刺进，选中运用表格复选框，能够将元件装入有表格，便于后边对表格进行格局化以及页面的全体布局。
注意：一个页面文档内只能有一个导航条！
5．刺进Flash多媒体方针
媒体便是信息的载体，在计算机系统中，它指组合或两种以上媒体的一种人机交互式信息交流和传播媒体，运用的媒体包含文本基准、图画、声响、动画和电视图画。
Flash文件的3种格局：
1)Flash源文件格局
源文件扩展名为.fla是在Flash环境中创立的，只能在Flash程序中翻开的文件格局。
2)Flash影片文件：
Flash程序中发布或导出的影片扩展名为.swf，是Flash源文件紧缩后的优化媒体格局，能够刺进到网页
并上载到Web上，也能够直接在阅读器或媒体播映软件中播映观看，可是不能在Flash运用程序中进行修正。
3)Flash模板文件：
Flash模板文件的扩展名是.swt，用户能够用它修正和替换Flash影片中的信息。
刺进Flash动画进程：将刺进点放在页面中布局表格的单元格内，挑选“刺进”—“媒体”指令或单击刺进栏上“常用”面板上的“Flash”按扭，在弹出的对话框中挑选后缀为.swf格局的Flash动画文件，确认即可。
设置Flash动画特点：单击Flash占位符中Flash动画，此刻特点查看器中回
会显现该动画的各个特点，即能够对Flash影片文件进行特点修正，可修正的特点值有：称号、宽和高、文件、源文件、修正、重设巨细、修正（源文件）、循环、主动播映、笔直边距和水平边距、品
质、对齐、份额、参数。在“参数”域内输入“wmode”，值设为“transparent”（透明），这样能够把.swf格局动画的布景色去掉，达到透过影片看到布局单元格或网页的布景色的效果；特别关于运用遮罩技术的Flash影片，在要显现影片特别形状轮廓的情况下，此项“wmode”参数的设置就显得非常有用，阅读器中完结参数设置后的影片和布局表格的布景天衣无缝，和修正前的布景效果差别很大。
6．刺进Flash按扭
在文档中将鼠标定位到要刺进Flash按扭的方位，挑选“刺进”—“交互式图画”—“Flash按扭”指令或单击刺进栏“媒体”面板上的“Flash按扭”按扭，在弹出的“刺进Flash按扭”对话框中首要在“款式”下拉列表框中挑选一个Flash款式，输入按扭文本、字体巨细、布景色、另存为.swf格局的Flash影片文件，确认即可。7．刺进Flash文本
在文档中将鼠标定位到要刺进Flash文本的方位，挑选“刺进”—“交互式图画”—“Flash文本”指令，或单击刺进拦的“媒体”面板上的“Flash文本”按扭，在弹出的“刺进Flash文本”对话框中，设置相关选项并保存即可。
8．刺进其他多媒体方针
在Dreamweaver中除了能够刺进图片、Flash方针外，还能够刺进其他的多媒体方针，例如：Applet小程序、QuickTime影片、音频、视频插件等。
能够刺进到网页的声响格局有很多，例如：Au、Midi、Wav、Mp3等声响格局，而在网站常用的格局便是Midi格局的声响文件，由于此格局本身就包含音阶，文件非常小，能够跨平台播映。
刺进网页布景音乐的过程：将光标定位到网页文档中要刺进布景音乐的方位，单击刺进栏中“媒体”面板上的“插件”按扭，在弹出的“挑选文件”对话框中挑选一个音频文件，单击确认即可。
对插件的主要设置特点有：
?插件或播映器称号：此项为播映器分配ID，以在脚本中引用。
?宽和高：默许值为32，这样只能显现播映器的一部分，假如要完整显现播映器能够设置稍大的值，例如
200、30，此例中的播映器的宽、高特点为默许值，由于后边的过程将要躲藏播映器界面。
?源文件：此项的文本域中显现嵌入到网页中的音频文件的URL途径。
?参数：单击此按扭，弹出“参数”对话框，在“参数”域中输入附加值，第一个参数是“hidden（躲藏）”
值为“true（真）”，该值为布尔值，这个参数的意义是将播映器的界面躲藏起来，由于作为布景音乐，
不需求播映器的界面显现在网页上；第二个参数是“autostart（主动开端）”值设为“1”，该值为布尔值，效果是使音乐一旦加载到阅读器的网页中，就主动开端播映；第三个参数是“autorewind（重播）”，此例中值设为“1”，该值为布尔值，一旦音乐播映一周，又开端主动循环播映。
提示：布尔值用来逻辑运算成果，成果能够为逻辑型的“true”(真)或“false”(假)，且不区分巨细写；用数值表示便是“1”或者“0”。
表单、结构、模板和库
表单元素：
在Dreamweaver中，常用的表单方针有文本域、多行文本域、单选按扭、单选按扭组、复选按扭、下拉列表框、密码域、图画域等。
在HTML文档中，表单的作业办法是首要标识表单最外层符号：和符号，表单一切的元素都在这对符号内，在开端符号内，有3个特点：actiont、method、target。
一个完整的表单有两个根本部分组成：
◆表单域（）：它相当于一个“容器”，一切的表单方针都放在里边，包含了处理表奇数
据一切程序的URL以及数据提交的办法。
◆表单方针：包含了文本框、密码框、躲藏域、多行文本框、复选框、单选框、下拉列表框和文件上传
框、字段集、单选按扭和复选按扭等。
创立表单、增加表单元素：
1．创立表单结构：
挑选“刺进”—“表单”，在文档中刺进一个表单域，选中“表单域”，单击“表单”选项栏中的“字段集”按扭，在弹出的对话框中输入提示标签文本“问卷——美好指数查询”，选中表单域，在特点查看器中进行相应的设置。
2．刺进表单方针：
刺进文本域，文本域有两种，即文本字段和文本区域，首要要刺进文本字段，在刺进栏上挑选“表单”
面板上的“文本字段”按扭，就刺进了一个文本字段用来承受用户的输入，选中该方针，单击刺进栏中
的“表单”面板上的“标签”按扭，这时文档窗口切换到“代码视图和规划视图”一起显现的界面，在代码视图将刺进点定位到符号之前、开端符号之后，输入文本“姓名”，在规划视图下，换行后用相同办法刺进一个文本字段，将光标放在该文本字段之前，输入文本“性别”，相同，程序会把文本作为刚刚创立的文本字段的标签，并刺进到代码中，按照第2步，相同能够创立其他文本字段，分别是住址、E-mail信箱等3个文本字段。
3．刺进文本区域：
要增加文本区域前，为了便于处理页面的布局，先刺进一个两行两列表格，表格的边框躲藏，刺进点放在表格第一行的第二个单元格内，单击“表单”面板上的“文本区域”按扭，在表单中刺进文本区域，在第一行的第一个单元格内，输入表单阐明文本，例如“日子状况”，设置文本域的特点：称号、字符宽度、类型、初始值。
4．刺进列表/菜单：
列表/菜单能够用来运用户挑选出生年月或其他投票等，单击“表单”面板上的“列表/菜单”，设置列表/菜单的特点，在“列表/菜单称号”文本域中输入“brith”，“类型”可指定是下拉列表框是以弹出菜单仍是翻滚的方式显现，勾选“允许多选”复选框，能够允许用户从列表中挑选多项，单击“列表值”按扭，弹出“列表值”对话框，能够增加选项至弹出式菜单中，列表中的每一个选项有一个标签和一个值，运用+-按扭
来增加删去列表中的选项，运用箭头来对列表项排序。
5．单选按扭和复选框
6．跳转菜单：
跳转菜单看起来下拉列表框相似，可是不同的是此菜单中每一个项都是一个超级链接，当用户挑选后会主动跳转到所选选项的值对应的方针Html文档或文件，在“刺进跳转菜单”中增加菜单项、文本、挑选时前往的URL、挑选翻开URL的窗口、菜单称号等参数，在列表值对话框中增加项方针签和值（跳转的方针地址），确认即可；在列表菜单文本域的特点中可设置列表名，类型为“菜单”或“列表”，以及初始时选定的标签项。
7．按扭：
按扭一般仅仅为了完结提交数据和恢复初始数据，提交按扭的默许称号是Submit，重置按扭的默许称号是Reset，在按扭的特点查看器中能够自界说按扭标签、称号、动作选项。
结构：
结构是将几个网页集成到一个窗口，运用户阅读网页、查找信息更容易，结构页面将阅读器的窗口分为多个显现区域，每一个显现区域称为一个结构，它包含一个独立的、能够翻滚的页面。
一个典型的结构网站，主页的窗口中包含3个不同的HTML页面，顶部是广告条，左边是Logo和导航链接列表，单击左边的链接能够在右侧的主窗口中显现相应的详细内容。
运用结构：
结构分为两个部分：一个结构集和单个的结构。DW中“结构”面板上预界说的结构集有13种。
在刺进栏的“结构”面板上单击左边和顶部嵌套的“结构”按扭，挑选刺进“左边及上方嵌套”，将创立好的结构页悉数保存，此刻回单个保存结构集中的子结构，主窗口保存为main.htm，顶部窗口保存为top.htm，左边窗口保存为left.htm，最后保存结构集。
提示：假如要自界说结构，能够按住Alt键的一起，单击并拖拽一个结构，这样就能够新建一个结构，要删去一个结构，只需拖拽一个矿家到它的父窗口就可删去了。
按shift+F2能够调出“高级布局”中的“结构”面板，或挑选“站点”—“其他”—“结构”指令以显现“结构”面板，单击“结构”面板上的各个区域以激活文档窗口，默许的结构称号为topFrame、leftFrame、mainFrame，在各个窗口的特点中能够设置是否翻滚、鸿沟宽度和鸿沟高度、边框显隐、边框色彩、是否能调整巨细等。
不同结构之间页面的跳转：
单击left窗口中的链接使对应的页面显现在main窗口中，在left窗口中设置链接的方针特点来完结这种跳转。
完结跳转过程：将刺进点放在left窗口的链接文本中心，在特点查看器上的“链接”选项域中设置跳转到的方针文档，在“方针”下拉列表框中挑选要在那个结构下跳转，若在主窗口中，则为“mainFrame”，这样确保了单击左边窗口中的链接后，在主窗口中显现链接的页面。
模板：
模板是一种文件，能够用它作为创立其他文档的基础，用它处理网页不光作业效率高，并且能够一致网站的风格。在多个页面中重复呈现又不需求经常变更的内容能够设为模板的不可修正区域，而在可修正区域就能够依据不同的页面替换为新内容。实际上，模板的功用便是把网页的布局和内容别离，通常是把大致布局规划好之后，保存为模板，然后在通过模板创立新文档。
将“文件”面板切换到“资源”选项卡，单击左边的“模板”按钮，面板上显现了该站点的模板文件以及模板缩略图。
创立模板：
创立模板又两种办法：即能够从新建的空白HTML文档中开端创立，在其间增加图画、表格、文本等
方针，然后保存为模板；也能够把现有的布局合适的HTML文档保存为模板，这也是最简略的办法。
在“站点”面板中，双击以翻开要保存为模板的HTML文件，将光标定位到文档的空白区域，挑选“刺进”—“模板方针”—“可修正区域”指令，弹出“新建可修正区域”的对话框，在“称号”文本框中能够输入一个称号，单击“确认”即可；文档中显现的蓝色矩形框已经为模板文件增加了可修正区域，挑选“文件”—“另存为模板”指令弹出“另存模板”对话框，在“另存为”文本域中输入文本，为模板命名，单击“保存”按钮后，DW将主动在站点根目录下创立一个名为“template”的模板文件夹，刚刚创立的模板文件，保存在该文件夹内。
库：
库保存在网站的“库”文件夹内，称为库项目，在DW的文档刺进库文件时，是把库项目的备份代码块运用到页面而已，面板中保存的库项目是源文件，而刺进到页面的库项目是它的实例，实例会跟着代码的改变一起更新。
为站点创立了库项目之后，会发现DW在站点跟目录下主动创立了一个名为“libray”库文件夹，库项目就保存在该文件夹中。
在页面上运用库项目：库项目创立好之后，要运用到站点的多个页面上，翻开一个页面，将“文件”面
板切换到“资源”选项卡的“库”面板上，单击一个库项目并拖拽到左边文档的适合的方位，刺进到文档中的库项目显现为一个浅黄色的色块以示差异，它默许是被锁定的，不能够修正，刺进到文档的库项目在阅读器中输入的色彩是正常的，没有色彩。
提示：假如要将文档中的刺进的库项目变成可修正，必须将库项目实例与“库”面板上源文件别离，在选中库实例之后，在特点查看器上单击“从源文件中别离”按钮，会弹出一个对话框，提示：假如将库项目变为能够修正，当源文件改变时，它不会随之更新（失去了链接联系），确认后，单击“确认”按钮。
提示：翻开文档窗口中的*.lbi的库文件，在页面上对文字进行格局修正后保存，保存后当即弹出“更新库项目”窗口，提示一起更新运用到网页中的库项目，单击更新按钮，在确认更新后，又弹出一个“更新页面”的对话框，提示更新运用了库项目的详细页面，显现记载完结之后关闭，此刻，运用了库项目的网页已悉数更新。
CSS款式、层和行为
CSS款式表：
在制造网页时，无论是用代码直接编写HTML文档，仍是利用所见即所得的软件东西进行修正网页，
经常是受HTML语法和修正环境本身的限制，在文字排版和全体布局方面总是不能尽如人意，为了弥补这项缺憾，W3C安排发布了一套独立于HTML语法的网页制造标准CSS（层叠款式表）。
CSS款式分为外部款式、内嵌款式、行内款式3种类型。
引用外部款式，能够通过链接或导入的办法引用。
而内嵌款式只影响某一个页面，款式是写在单个文档的符号内的，例如：
行内款式只影响页面中的某一段，例如：
CSS的效果如下：
◆能够掩盖阅读器上款式的设置
◆使页面的字体更美丽、易排版、页面赏心悦目
◆能够轻松地控制页面布局
：设置表格栏标题（表头），显现为粗体子此符号能够省掉