怎么用php配合js编写动态页面_JavaScript_JavaScript教程:用JS脚本实现Web页面信息交互范例，要实现动态交互，必须掌握有

要实现动态交互，必须掌握有关窗体对象(Form)和框架对象(Frames)更为复杂的知识。

三、范例

下面我们演示通过点击一个按钮(red)来改变窗口颜色，点击“调用动态按钮文档”调用一个动态按钮文档。

test8_1.htm

//原来的颜色

document.bgColor="blue";

document.vlinkColor="white";

document.linkColor="yellow";

document.alinkcolor="red";

//动态改变颜色

function changecolor(){

document.bgColor="red";

document.vlinkColor="blue";

document.linkColor="green";

document.alinkcolor="blue";

}

调用动态按钮文档

输出结果见图1所示。

图1

动态按钮程序。

test8_2.htm

onClick="alert('You have to put an \'action=[url]\' on the form

tag!!')">

var id,pause=0,position=0;

function banner() {

// variables declaration

var i,k,msg=" 这里输入你要的内容";// increase msg

k=(30/msg.length)+1;

for(i=0;i<=k;i++) msg+=" "+msg;

// show it to the window

document.form2.banner.value=msg.substring(position,position-30);

// set new position

if(position++==msg.length) position=0;

// repeat at entered speed

id=setTimeout("banner()",60); }

// end -->

banner();

输出结果见图2所示。

图2

本讲介绍了使用JavaScript脚本实现Web页面信息交互的方法。其中主要介绍了窗体中的基本元素的主要功能和使用。

怎么用php配合js编写动态页面_JavaScript_JavaScript教程:用JS脚本实现Web页面信息交互范例，要实现动态交互，必须掌握有 - phpStudy...相关推荐

Spring Boot 2.x基础教程：使用 Thymeleaf开发Web页面
点击上方蓝色"程序猿DD",选择"设为星标" 回复"资源"获取独家整理的学习资料! 作者 | 翟永超来源 | http://blog.di ...
js调用打印接口打印web页面之——使用lodop组件打印jsp web页面
最近项目需求需要使用web页面的打印功能,最开始使用window.print()直接打印能出效果,但是无法实现预览功能,并且不同的浏览器执行的效果都不一样.后面百度找到webEx--那个组件,结果在h ...
js下载文件 java_[Java教程]使用js实现点击按钮下载文件
[Java教程]使用js实现点击按钮下载文件 0 2016-11-11 19:02:54 有时候我们在网页上需要增加一个下载按钮,让用户能够点击后下载页面上的资料,那么怎样才能实现功能呢?这里有两种方 ...
在html页面中怎么打印区域,javascript打印web页面中指定区域的方法
要实现打印web页面中的指定区域,要做到: 将需要打印的课程表的table放入div标签中,然后指定出需要打印的区域,最后调用window.print打印指定内容. 核心代码: 复制代码代码示例: ...
如何将word文档放入html页面,怎么将Word文档转换为Web页面
为了方便将Word文档在互联网上和局域网上发布,需要将文档保存为Web页面文件.将文档保存为Web页面,这种页面文件使用HTML文件格式.以下是学习啦小编为您带来的关于将Word文档转换为Web页面的 ...
原生js循环展示dom_web前端教程：JS高阶编程技巧-惰性函数
框架(framework)是一个框子--指其约束性,也是一个架子--指其支撑性.是一个基本概念上的结构,用于去解决或者处理复杂的问题. Web前端教程框架这个广泛的定义使用的十分流行,尤其在软件概念 ...
html中设置页面正在加载,在加载Web页面时显示正在等待的窗体
1.在css样式表里加入 /* 页面加载特效 */ .Loading { font-size: 12px; font-family: 宋体; width: 100pt; height: 14pt; p ...
使用Python脚本实现web页面自动登录
学习Python语言就是需要学习使用它来解决很多重复性的开发操作,从而解放我们的双手,节省很多重复操作的时间,提高开发效率. 下面我们就用Python脚本来实现一个简单的登录网站的操作. 首页我们需要 ...
第 1 节 JavaScript简介、JS的HelloWorld、JS编写位置
第1节 JavaScript简介 JavaScript简介实现特点 JS的HelloWorld JS编写位置 JavaScript简介实现 ECMAScript 是一个标准,一般情况下这两个词被 ...

怎么用php配合js编写动态页面_JavaScript_JavaScript教程:用JS脚本实现Web页面信息交互范例，要实现动态交互，必须掌握有 - phpStudy...

怎么用php配合js编写动态页面_JavaScript_JavaScript教程:用JS脚本实现Web页面信息交互范例，要实现动态交互，必须掌握有 - phpStudy...相关推荐

最新文章

热门文章