网页设计js有什么用_网页设计中Javascript有多重要

1、网页设计里什么能用javascript

CSS和JavaScript是制作网页常用到的两种语言，不属于Dreamweaver，Dreamweaver只是制作网页的一种工具，做网页可以使用CSS和JavaScript也可以不使用，也就是说用Dreamweaver可以使用CSS和JavaScript也可以不使用。

可以理解为,css让房子里的东西摆好位置,但不能动,JS却可以重新把布局进行更换
js主要用于客户端,属于客户端脚本语言(是弱类型的程序),CSS只能美化网页,对网页进行布局,功能单一

2、html，css，javascript在制作网页中的作用，三者之间有何种联系？

html：超文本标记语言，是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。

css：层叠样式表，是一种用来表现HTML或XML等文件样式的计算机语言。

javascript：一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。

每一个网页都是一个html文档，由浏览器解释呈现的。css是html中用来布局表现的。而javascript是html中用来动态交互的脚本。

3、网页制作中js是干嘛用的

html只能用来做静态的页面，js可以实现当前日期的调用，div左侧与右侧的自适应，给你个网址你学学吧很好的 http://www.w3school.com.cn/js/index.asp js语句可长可短，自己根据需要写 // JavaScript Document function initArray(){ for(i=0;i<initArray.arguments.length;i++) this[i]=initArray.arguments[i]; } var isnMonths=new initArray("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"); var isnDays=new initArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日"); today=new Date(); hrs=today.getHours(); min=today.getMinutes(); sec=today.getSeconds(); clckh=""+((hrs>12)?hrs-12:hrs); clckm=((min<10)?"0":"")+min; clcks=((sec<10)?"0":"")+sec; clck=(hrs>=12)?"下午":"上午"; var stnr=""; var ns="0123456789"; var a=""; function getFullYear(d){ //d is a date object yr=d.getYear(); if(yr<1000) yr+=1900; return yr; } document.write(getFullYear(today)+"年"+isnMonths[today.getMonth()]+""+today.getDate()+"日 "+isnDays[today.getDay()]); 这是我写的显示日期的代码，把我这段代码放进div， <div> <ul><li class="date">当前日期：<script src="nowdate.js"></script></li></ul></div> 显示结果就是：当前日期： 2012年4月14日星期六

4、html，css，javascript在制作网页中的作用是什么？三者之间有何种联系？

HTML、 CSS、 JavaScript三者的关系
网页主要由三部分组成：结构（ Structure）、表现（ Presentation）和行为（ Behavior）
HTML —— 结构，决定网页的结构和内容（ “是什么”）
CSS —— 表现（样式），设定网页的表现样式（ “什么样子”）
JavaScript（ JS） —— 行为，控制网页的行为（ “做什么”）

一、 HTML语言
1.1什么是HTML语言（ HTML概述）
英文全称： Hyper Text Markup Language
中文全称：超文本标记语言
HTML 语言是制作网页的最基本语言，并且只能通过web浏览器显示出来。
Hyper（超）：
用HTML制作的网页可以通过其中的链接从一个网页“跳转”至另一个网页。
Text（文本）：
HTML是一种文本解释性的程序语言，即它的源代码将不经过编译而直接在浏览器中运行时被“翻译”。
Markup（标记）：
HTML的基本规则就是用“标记语言” ---- 成对尖括号组成的标签元素来描述网页内容是如何在浏览器中显示的。
1.2 HTML文档结构
HTML文档一般由两部分组成：
1. 文档所要表达的内容信息（文字、图片等）；
2. 一系列的HTML标签；
1.3 HTML标签
1.3.1 什么是HTML标签
1. HTML标签是用 <> 所括住的指令，主要分为：
单标签： <起始标签/>
双标签： <起始标签></结束标签>
例如：
<br/>
<div></div>
2. 通常使用的是双标签。有一个起始标签就对应有一个结束标签。标签内容写在起始标签和结束标签之间。
<div>标签内容</div>
3. 在元素的起始标签中，还可以包含“属性”来设置元素的其他特性。一个标签可以有多个属性,每个属性之间用空格隔开。
<div 属性名="属性值"></div>
例如：
<div class="wrap" id="wrap"></div>
4. 每一对双标签之间可以嵌套，但不能交叉。
正确示例：
<div>
<p></p>
</div>
错误示例：
<div>
<p>
</div>
</p>
1.4 编码器
1.4.1 WebStorm源码主体标签含义
<!DOCTYPE> ：
是一个声明不是 HTML 标签；它是用来告诉 web 浏览器要使用哪个 HTML 版本来对页面进行编写。
<html>：
<html>是文档标识符，它是成对出现的，首标签<html>和尾标签</html>分别位于 HTML 文档的最前面和最后面，明确地表示文档是以超文本标识语
言（ html)编写的。该标签不带有任何的属性。
<head>：
<head>标签用于定义文档的头部，它是所有头部元素的容器。 <head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
<meta>：
<meta>标签位于文档的头部，用于定义文件信息，对网页文件进行说明。其中name属性主要用于描述网页，与之对应的属性值为content， content中
的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
<body>：
<body>标签用于定义文档的主体，即在浏览器上看到的网页内容。

5、网页设计里的js文件是什么

有问题找百度，不要这么懒

先在网页一般都会用javascript实现页面的动态效果，甚至用Ajax（javascript+XML）实现异步通信效果。

用到javascript代码的页面中，javascript代码的存放位置总共有三种情况：
1. 在<script></script>标签中间
2. 在各个标签的< ... onClick="javacript代码" /> 中
3. 外置的javascript代码，就是以 .js 文件形式存在

6、网页设计里的js文件是什么

7、jquery在网页设计中的作用

Web开发人员每天都使用JavaScript为他们创建的网站带来必要的功能。jQuery提供了一个提供强大功能和灵活性的特殊工具。jQuery是一个JavaScript库，有助于简化和标准化JavaScript代码和HTML元素之间的交互。JavaScript允许网站具有交互性和动态性，jQuery是一种有助于简化流程的工具。

同时JQuery也是一个紧凑，快速且功能丰富的JavaScript库。它通过易于使用的API在大量浏览器中运行，使得HTML文档遍历和操作，事件处理，动画和Ajax更加简单。JQuery结合了多功能性和可扩展性，改变了数百万人编写JavaScript的方式。换句话说，由于JQuery，JavaScript以简化形式呈现。阅读起来相当舒服。

(7)网页设计js有什么用扩展资料：

JQuery的优点

1、易于使用：如果我们将它与标准JavaScript和其他库进行比较，它使用起来既简单又快捷。它由简单的语法组成，并且需要较少的代码行。

2、巨大的库：与其他库相比，它允许您执行大量功能。

3、插件的可用性：可以使用许多预先编写的插件来立即压缩开发过程。这背后的另一个优点是脚本的效率和安全性。

4、综合教程： JQuery网站提供了不言自明的文档和教程，以便在绝对的编程初学者面前进行理解。

5、AJAX支持：它允许我们轻松地开发Ajax模板，Ajax支持更流畅的界面，可以在页面上执行操作，而不需要重新加载整个页面。

6、灵活性：所有浏览器中的契约，是目前最流行的JavaScript库。

8、网页设计中常用的javascript脚本有哪些

$(“a[href=’#top’]”).click(function() {

$(“html, body”).animate({ scrollTop: 0 }, “slow”);

return false;

});

复制以上代码放在网页的JavaScript标签中，然后在底部添加一个id为“top”的链接就会自动返回到顶部了。

2、复制表单顶部标题到底部：

var $tfoot = $(‘<tfoot></tfoot>’);

$($(‘thead’).clone(true, true).children().get().reverse()).each(function(){

$tfoot.append($(this));

});

$tfoot.insertAfter(‘table thead’);

3、载入额外的内容：

$(“#content”).load(“somefile.html”, function(response, status, xhr) {

// error handling

if(status == “error”) {

$(“#content”).html(“An error occured: “ + xhr.status + ” “ + xhr.statusText);

}

});

有时候需要为单独的一个div层从外部载入一些额外的数据内容，下面这段短码将会非常有用。

4、设置多列层等高：

var maxheight = 0;

$(“div.col”).each(function(){

if($(this).height() > maxheight) { maxheight = $(this).height(); }

});

$(“div.col”).height(maxheight);

在一些布局设计中，有时候需要让两个div层高度相当，下面是采用js方法实现的原理（需要等高的div层设置class为”col”）。

5、定时刷新部分页面的内容：

setInterval(function() {

$(“#refresh”).load(location.href+” #refresh>*”,“”);

}, 10000); // milliseconds to wait

如果在你的网页上需要定时的刷新一些内容，例如微博消息或者实况转播，为了不让用户繁琐的刷新整个页面，可以采用下面这段代码来定时刷新部分页面内容。

6、预载入图像：

$.preloadImages = function() {

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

$(“<img />”).attr(“src”, arguments[i]);

}

$(document).ready(function() {

$.preloadImages(“hoverimage1.jpg”,“hoverimage2.jpg”);

});

有些网站页面打开图像都未载入完毕，还要苦苦等待。下面这段代码实现图像都载入完毕后再打开整个网页。

7、测试密码强度：
这个比较给力，现在很多网站注册的时候都加入了密码强度测试功能，以下代码也简单提供了密码强度测试功能。

HTML代码部分：

JavaScript脚本代码：

$(‘#pass’).keyup(function(e) {

var strongRegex = new RegExp(“^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*W).*$”, “g”);

var mediumRegex = new RegExp(“^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$”, “g”);

var enoughRegex = new RegExp(“(?=.{6,}).*”, “g”);

if (false == enoughRegex.test($(this).val())) {

$(‘#passstrength’).html(‘More Characters’);

} else if (strongRegex.test($(this).val())) {

$(‘#passstrength’).className = ‘ok’;

$(‘#passstrength’).html(‘Strong!’);

} else if (mediumRegex.test($(this).val())) {

$(‘#passstrength’).className = ‘alert’;

$(‘#passstrength’).html(‘Medium!’);

} else {

$(‘#passstrength’).className = ‘error’;

$(‘#passstrength’).html(‘Weak!’);

}

return true;

});

8、自适应缩放图像：
有时候网站上传的图像需要填充整个指定区域，但是有时候图像比例并不恰好合适，缩放后效果不好。一下代码就实现了检测图像比例然后做适当的缩放功能。

$(window).bind(“load”, function() {

// IMAGE RESIZE

$(‘#proct_cat_list img’).each(function() {

var maxWidth = 120;

var maxHeight = 120;

var ratio = 0;

var width = $(this).width();

var height = $(this).height();

if(width > maxWidth){

ratio = maxWidth / width;

$(this).css(“width”, maxWidth);

$(this).css(“height”, height * ratio);

height = height * ratio;

}

var width = $(this).width();

var height = $(this).height();

if(height > maxHeight){

ratio = maxHeight / height;

$(this).css(“height”, maxHeight);

$(this).css(“width”, width * ratio);

width = width * ratio;

}

});

//$(“#contentpage img”).show();

// IMAGE RESIZE

});

9、自动载入内容：
现在很多网站，特别是微博，都不需要翻页的按钮了，直接下拉后会自动载入内容。下面的脚本就是简单实现了个这种效果。

var loading = false;

$(window).scroll(function(){

if((($(window).scrollTop()+$(window).height())+250)>=$(document).height()){

if(loading == false){

loading = true;

$(‘#loadingbar’).css(“display”,“block”);

$.get(“load.php?start=”+$(‘#loaded_max’).val(), function(loaded){

$(‘body’).append(loaded);

$(‘#loaded_max’).val(parseInt($(‘#loaded_max’).val())+50);

$(‘#loadingbar’).css(“display”,“none”);

loading = false;

});

}

});

$(document).ready(function() {

$(‘#loaded_max’).val(50);

});

9、网页设计中Javascript有多重要

在当今的网络时代，制作网站已不再是高不可攀的技术，但要制作出有良好交互性、功能强大的网站并非易事。JavaScript技术可以实现交互式页面，在建立动态页面方面有着其他工具不可比拟的优点。
Javascript 在网页设计中,大部分都是用来实现功能,特效的..
当然 Web2.0如火如荼，其中关键技术之一就是JavaScript，例如Ajax技术就是以JavaScript为基础的。

回到题问 . 其实老实说, Javascript应该算是网页设计人员必备掌握的技术. 如果伱只会单纯的使用Dreamweaver等那些傻瓜式工具,实在是堪称失败..

程序员对JavaScript的不重视，直接导致了JavaScript被忽视；而大量互联网特效应用，加速了JS被地当作一种脚本。而直到Jesse James Garrett 把JavaScript XMLhttp DOM等组合在一起正式提出Ajax后，JavaScript才忽然地炙手可热起来。加上Google、Yahoo、Microsoft等大型公司在Ajax方面的大量应用，JavaScript随着Ajax也越来越受到关注。

而使用JavaScript，至少有下面这几点好处：
1，增加交互动态应用，丰富界面应用，提高用户体验
2，节省后台开发成本，减少后台开发量，显示HTML/XHTML和格式化数据交给JS处理
3，节省网络带宽，让浏览速度更快，减轻服务器压力，XMLhttp 减少刷新数据
4，体现RIA，B/S模式的利器，通过JS可以达到C/S模式的效果
5，WEB版软件最好的界面实现者，Flash，Applet也还不错，不过目前JavaScrip是最好的
6，……

下面参考地址的链接里面有实例伱可以自己去看
http://www.blueidea.com/tech/web/2007/4390.asp
要从事网页设计加油了!!

导航:首页 > 万维百科 > 网页设计js有什么用

网页设计js有什么用

与网页设计js有什么用相关的知识