1、网页设计里的js文件是什么
有问题找百度,不要这么懒
先在网页一般都会用javascript实现页面的动态效果,甚至用Ajax(javascript+XML)实现异步通信效果。
用到javascript代码的页面中,javascript代码的存放位置总共有三种情况:
1. 在<script></script>标签中间
2. 在各个标签的< ... onClick="javacript代码" /> 中
3. 外置的javascript代码,就是以 .js 文件形式存在
2、html5网页制作+javascript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
<script type="text/javascript">
function Student(id, name, gender, birthday, score) {
this.id = id;
this.name = name;
this.gender = gender;
this.birthday = birthday;
this.score = score;
this.study = function () {
this.score = this.score === 100 ? this.score : this.score += 1;
};
this.getAge = function () {
return new Date().getFullYear() - new Date(birthday).getFullYear()
};
}
var student = new Student(1,'张三','男','1996-2-12',20);
console.log('学习成绩:'+student.score);
console.log('年龄:'+student.getAge());
student.study();
console.log('学习成绩:'+student.score); //学分加1
student.study();
console.log('学习成绩:'+student.score); //学分加1
</script>
<body>
请打开浏览器控制台查看日志输出效果。
</body>
</html>
3、网页设计里的js文件是什么
有问题找百度,不要这么懒
先在网页一般都会用javascript实现页面的动态效果,甚至用Ajax(javascript+XML)实现异步通信效果。
用到javascript代码的页面中,javascript代码的存放位置总共有三种情况:
1. 在<script></script>标签中间
2. 在各个标签的< ... onClick="javacript代码" /> 中
3. 外置的javascript代码,就是以 .js 文件形式存在
4、网页设计中的JS是什么?怎么操作?
JS 就是java script 将编写的java语句插入html文档里就可以了。
5、网页制作中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日 星期六
6、网页设计中常用的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代码部分:
<input type=“password” name=“pass” id=“pass” />
<span id=“passstrength”></span>
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);
});
7、js网页设计
请在出错的那行前加上Response.Write(TypeName(sCartItemNums)):Response.End()
应该是你session开始的时候是没有值或空的吧
把nNumCartItems = ubound(sCartItemNums)
改成:If IsArray(sCartItemNums) Then nNumCartItems = ubound(sCartItemNums)
先要判断其是否为数组类型
8、网页设计和web前端的区别
前端是实现设计师出的图效果,做成页面,加上效果,各种JS,各种CSS等等。
设计师,按正规来说,和程序员沟通好后,出设计图,各种效果的效果图,比如设计稿内要标明,鼠标移上效果会是怎么样,等等,前端再实现这些效果成页面,交给程序员。
9、网页设计(关于javascript)
(i=0;i<6;i++)
它的意思是令i=0
当i<6的时候i=i+1
这是一个很常用也很有用的循环指令
sum+=3的意思是SUM=SUM+3
你问的这两个问题都是基础问题,我建议你可以买一两本参考书,然后多多做实例,这样提高快
我是第一次给人解答。^_^给你说详细点
我把你这个解释的详细一点
在你这个循环里
(i=0;i<6;i++)的实际的作用其实是限定你这个循环的循环次数
也就是在原基础上多循环5次,即共6次
你默认的SUM=0
第一个轮回时SUM=SUM+3实际上就是SUM=0+3,所以这个时候SUM=3
而这个时候i=0
这样第2次循环时
sum=sum+3,也就是SUM在3的基础上再加3,最后SUM=6
同时i=0+1,所以这时候i=1
依此
当循环到第6次的时候,SUM就加了6次3了,0+18=18
而这个时候i=5,所以这次循环过后,i再加1得6,这时循环停止。