搜档网
当前位置:搜档网 › javascript的一些简单案例 效果直接写在网页就能看见

javascript的一些简单案例 效果直接写在网页就能看见

javascript的一些简单案例   效果直接写在网页就能看见
javascript的一些简单案例   效果直接写在网页就能看见

计算你的出生日在星期几。有时间有点意思

JavaFILE

banner.GIF (2826 bytes)

Ever wonder what day you were born on? Well, you c an find out with this

neat little script. Simply type your bithdate in the algorithingie below, and i t will tell

ya'...honest!

Author:

href="mailto:sparrow@https://www.sodocs.net/doc/aa7128732.html,">Michael Gudaitis

href="https://www.sodocs.net/doc/aa7128732.html,/javascripts/clocks/calc3.zip">Download the Script

FACE="ARIEL,HELVETICA" SIZE="-1">

To use this algorithm, input your date of birth (MM/DD/YYYY), press "o k" and

then boom the day of the week in which you were born on appears .

color="#FFFFFF" FACE="ARIEL,HELVETICA">Zeller's Algorithm

>

FACE="ARIEL,HELVETICA" SIZE="-1">

Month:

TYPE="Text" NAME="month" SIZE="4">


Day:


Year: < /font>


Example:

11-1-1970

Sunday


Your were born on a

ONCLICK="cala_day(this.form)">

多种地域的时间显示

第一步:把如下代码加入到区域中

第二步:把如下代码加入到区域中

本地时间

Eniwetok (GMT-12)
Samoa (GMT-11)

Hawaii (GMT-10)

Alaska (GMT-9)

Pacific Time (GMT-8)
Mountain Time (GMT-7)

Central Time (GMT-6)
Eastern Time (GMT-5)
Atlantic Time (GMT-4)

Brazilia (GMT-3)

Mid-Atlantic (GMT-2)
Azores (GMT-1)

Greenwich Mean Time (GMT)

Rome (GMT +1)

Israel (GMT +2)
Moscow (GMT +3)

Baku (GMT +4)

New Delhi (GMT +5)
Dhakar (GMT +6)

Bangkok (GMT +7)

Hong Kong (GMT +8)
Tokyo (GMT +9)

Sydney (GMT +10)
Magadan (GMT +11)
Wellington (GMT +12)

第三步:把“onLoad="javascript:GetTime();"”加在标记里

例如:

打雷喽下雨收衣服呀~~~~~ (请改图片路径)

第一步:把如下代码加入到区域中

第二步:把如下代码加入到区域中

src="../wytx/images/75/flash1611.gif" width=400>

MASTERSOUND autostart="false">

用Js脚本实现页面跳转

1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: 向上一页 response.Write("") response.Write("") 向上一页 页面跳转:onclick="window.location.href='list.aspx'" P.S. 小技巧(JS引用JS): Javascript刷新页面的几种方法: 1 history.go(0) 2 location.reload() 3 location=location 4 location.assign(location) 5 document.execCommand('Refresh') 6 window.navigate(location) 7 location.replace(location) 8 document.URL=location.href 自动刷新页面的方法: 1.页面自动刷新:把如下代码加入区域中 其中20指每隔20秒刷新一次页面.

javascript高级程序设计 公选课作业答案

题目要求 1、新建一个网页页面,将网页分成上下两部分,上面部分是一个表单,用户可以输入:姓名、家庭住址、身份证号、毕业学校、所学专业等信息。然后,点击提交按钮,把用户提交的信息在网页的下半部分来显示出来。要求姓名不能为空且只能输入字符,家庭住址只能输入字符,身份证号只能输入18位数字,毕业学校和专业只能输入字符,通过js验证表单。(40分) 2、在网页上设计5个按钮超连接,点击相应按钮的时候,链接到按钮上显示的网址上去。用JavaScript 来实现。(20分) 3、在网页上自己设计一个计数器,有按钮来控制计数器的开始和停止。每隔一秒钟,计数器就加1。每过60秒向分钟位进一位。准备三幅图片,在一个图片框中每过5秒钟显示下一张图片,循环显示。(40分) 题目答案 1.第一题: 表单提交 中。 2.使用script标签的src属性引入一个js文件。(方便后期维护,扩展)

《Web前端开发从入门到精通》

《Web前端开发精英班》课程大纲第一部分:HTML基础课程、CSS基础课程 第二部分:JavaScript入门与实战 第三部分:JavaScript高级实战 第四部分:jQuery实战 第五部分:常用库和前端框架 第六部分:HTML5新功能和高级机制 第七部分:CSS3新特性详解 第八部分:实战案例

《Web前端开发精英班》课程大纲 学习目标 我们准备了灵活而充满趣味的JavaScript课程以及最新的HTML5&CSS3课程,本课程学完,学员能精通Javascript语言在浏览器上编写绚丽的应用,同时掌握目前最先进市场占有率最高的JS库JQuery进行web特效和动画效果,掌握web游戏开发的技巧和Ajax技术。同时可以了解到主流浏览器的差异,并掌握采用符合W3C标准方式编写跨浏览器兼容的页面,并可以掌握最新的HTML5 Canvas以页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。 一、HTML基础课程 1.前端开发介绍,HTML介绍 2.HTML标签语法规则,常见标签学习 3.HTML常见标签的常见属性学习 二、CSS基础课程 1.CSS基础及语法 2.CSS格式化文本及段落 3.CSS与颜色,背景及图像的使用

4.使用CSS格式化列表(UL及OL) 5.a标签 6.使用CSS控制表格外观使用CSS控制并美化表单 7.CSS选择器CSS选择器命名及常用命名 8.盒子模型 9.块状元素和内联元素 10.浮动清除浮动 11.定位 12.三角形 12.导航条 14.CSS精灵, 15.兼容性,CSS hack,html注释语句 16.CSS整站

项目18—JAVASCRIPT内置对象和函数

教学方法教学目标教学重点教学难点 教学过程 教学目标 1、掌握JavaScript 内置函数的应用 2、掌握JavaScript 内置对象的应用 3、掌握JavaScript 浏览器对象的应用

教学方法教学目标教学重点 教学难点 教学过程 教学重点 1、掌握JavaScript 内置函数的使用方法 2、掌握JavaScript 常用内置对象的属性和方法 3、掌握JavaScript 浏览器对象的含义

教学方法教学目标教学重点 教学难点 教学过程 教学难点 1、掌握使用浏览器对象提供的信息来完成一定功能的网页设计。

教学方法教学目标教学重点 教学难点 教学过程 教学方法 1、项目工程互动式教学法 2、“讲、学、观察”相结合

教学方法教学目标教学重点教学难点教学过程 一、JavaScript 内置函数的应用 JavaScript 中的系统函数又称内部方法。它提供了与任何对象无关的系统函数,使用这些函数不需创建实例,可以直接用。 1、eval( ):计算字符串表达式的值 2、parseFloat( )和parseInt( ):将字符串开头的整数或浮点数分解出来,转换为整数或浮点数 3、isNaN( ):确定一个变量是否为NaN (Not a Number ) 4、escape( ):将字符串中的非字母数字字符转换为按格式%XX 表示的数字 5、unescape( ):将字符串格式为%XX 的数字转换为字符

教学方法 教学目标教学重点教学难点 教学过程 6、程序案例1:求用户在提示对话框中输入的表达式的值。 eval( )内置函数的用法:计算字符串表达式的值。

一个简易的JavaScript网页图片浏览器

效果演示: https://www.sodocs.net/doc/aa7128732.html,/slideshow/ 难点:响应鼠标事件实现滑动效果 项目目录: files文件夹下的几个文件夹都是放的图片,fullsize里面是大图,thumbs里面是小图。其中那个.png文件是测试用的图片 页面部分: