为了让网页有动态的变化,使得用户可以与网页进行交互,Ie提供了Dynamic Html技术,简称DHTML。DHTML主要由三个部分组成,HTML网页标记,script语言和css。最常用的脚本语言是JavaScript。

什么是脚本语言?
脚本语言是一种解释性语言,不需要编译,一般用来编写嵌入在网页中的程序,由浏览器来负责解释执行。浏览器一般都由相对应的脚本引擎来解释执行,所以支持脚本程序的浏览器需要集成用于解释脚本程序的模块。 在HTML网页中,脚本程序代码是放在<script>标签中的,浏览器正是通过该标签来识别脚本程序的。
脚本语言一般以文本的形式存在,而不像c,c++那样可以编译成二进制代码,也不用像java那样解释生成.class文件。通常在大多数网页设计中,开发者经常用的脚本语言有VB script和(visual basic script)JavaScript和actionscript等。目前最常用的两种脚本语言是VB script和(visual basic script)JavaScript。

1.初识VBScript:
VBScript是基于micro是公司的visual basic,其广泛应用于网页和asp程序制作。因为VBScript和visual basic的紧密联系,所以对于拥有了visual basic开发经验的程序员来说,很容易入门。现在通过一个简单的实例来体验它的效果。

<html><head><title>VBScript简单使用</title><script language="VBScript"><!--Sub Button1_OnClickMsgBox "Hello! 这是VBScript代码产生的效果"End Sub        -->        </script></head><body><h3>VBScript简单使用</h3><form><input name="Button1" type="BUTTON" value="显示VBScript"/></form></body>
</html>

点击显示VBScript之后会有对话框出现(不知道为什么我看不到),这个对话框就是用VBScript实现的。

2.学习JavaScript的起步:
JavaScript的很多语法都与c++,java的风格相类似,在JavaScript中也包含类,对象,函数等。,而且使用的流程控制也基本相似。不同之处在于,JavaScript的语法规则更松散,不像编程语言那样复杂。
例如,对于变量的定义,JavaScript中只需要通过var定义即可,不需要像编程语言一样定义为int或char,此外由于JavaScript代码不会被编译为二进制代码文件,只作为一种网页文件的一部分由浏览器解释执行。因此修改起来比编程语言在集成平台中方便。

<html><head><title>JavaScript简单使用</title><script language]="JavaScript">function button1(){alert("Hello!这是JavaScript的显示效果");}</script></head><body><center><h3>JavaScriptd简单使用</h3><HR></center><form><input name="Button1" type="button" value="显示 JavaScript效果" onclick="button1()"></form></body>
</html>

3.JavaScript和java的差别:
Java和JavaScript这两者是有很大的区别的,分别来自两个不同的公司的产品。java是sun公司推出的一种面向对象的程序设计语言,非常适合于internet应用程序的开发。而JavaScript是Netscape公司为了扩展Netscape Navigator功能而开发的产品,是一种基于对象和事件驱动的解释性语言,通常嵌入web页面中。
JavaScript借鉴了Java的相关概念,所以两者在语法上有很多相似之处,但也不完全相同。例如,其各自所使用的变量是不一样的。JavaScript是弱类型变量声明,即没有非常严格的类型声明要求,在定义时只需要用var定义就行。在运行时由解释器检查其数据类型(即动态联编),而java采用强类型的变量检查,所有变量在使用之前必须声明数据类型(即静态联编)。
此外,两者在嵌入方式上也不一样,java通过<applet>标签来标识,是一种与HTML无关的格式。其代码以字节代码的形式保存在独立的文档中。必须通过HTML引用装载。而JavaScript是以文本的形式存在,可以直接放在<script>标签中。

转载于:https://www.cnblogs.com/wangshen31/p/7913151.html

在网页中加入神奇的效果相关推荐

  1. html天气插件iframe,HTML_利用iframe在网页中显示天气附效果截图,css: 复制代码代码如下: *{margi - phpStudy...

    利用iframe在网页中显示天气附效果截图 css: 复制代码代码如下: *{margin:0;padding:0;list-style-type:none;} a,img{border:0;} bo ...

  2. 如何在Keynote 讲演中添加神奇移动效果?新手教程

    可以在Keynote中的神奇移动功能,只需移动或缩放幻灯片中的元素,换页时就会生成流畅的过渡.macw小编带来详细操作教程,喜欢的朋友不要错过! 图文教程 1.首先,将幻灯片整页复制,确保两页具有相同 ...

  3. 如何在 Keynote 讲演中添加神奇移动效果?

    如何让你的幻灯片更加吸引人?可以试试 Keynote中的神奇移动功能,只需移动或缩放幻灯片中的元素,换页时就会生成流畅的过渡.来看看具体步骤吧: 视频教程 图文教程 1.首先,将幻灯片整页复制,确保两 ...

  4. blockly 代码html,2. 在网页中使用blockly

    blockly可以在web,android,ios端使用.下面介绍的是如何在web端中去使用.简单来理解就是把它看作是一个js库,在html中引入这个js库即可. 给你源码 blockly是开源,你可 ...

  5. blockly 代码html,【blockly入门指引】2, 在网页中使用blockly

    原文:https://developers.google.com/blockly/guides/get-started/web blockly可以在web,android,ios端使用.下面介绍的是如 ...

  6. 为网页中的图片添加水印的效果

    程序本来源于http://dev.csdn.net/develop/article/22/22096.shtm中lovered所写的程序,我把其中的一些我觉得不太好的加以了改进并且增加一些功能形成了该 ...

  7. frontpage中没有动态HTML效果,FrontPage制作网页的动态效果(上)

    在网页的页面中添加一定的动态效果会给网页增加许多的色彩.现在网页的动态效果制作的方法很多,有些需要你学习一些相关的语言.FrontPage是网页制作工具中的一个多功能的工具,它为我们提供了全中文的界面 ...

  8. 在网页中快速集成自己的即时通聊天,实现类是淘宝旺旺的在线洽谈效果。

    集成简单: 在网页中集成聊天工具能为用户提供在线沟通交流平台的程序,让客户无需安装快速沟通.为不同用户之间构建起在线聊天沟通的对话桥梁. 集成简单: 可以与任何语言进行集成,无二次开发门槛,只需简单的 ...

  9. 网页中使用的特殊字体(webdings, wingdings 2)

    前言 对字体的相关介绍可以参考  网页中使用的字体介绍 经常在某些网页中看到一些特殊的效果: 比如一个红色的圆圈, 一个红色圆圈里面有一个数字. 等等... 这些看上去更像一个图, 一开始以为是使用s ...

最新文章

  1. POJ 3458 Colour Sequence(简单题)
  2. 设计模式--状态(State)模式
  3. 什么是Springmvc以及如果编写第一个入门程序
  4. findler mac 隐藏文件_fiddler使用实例之----------查找隐藏的真实地址!!!!
  5. linux6.5能安装的firefox,Centos6.5安装firefox
  6. 刘强东喊出技术转型第二年,京东AI全景图首次披露
  7. 数据库系统概论-第一章绪论
  8. vue的万年历(日历)组件
  9. oracle建表语句6,Oracle建表语句
  10. LimeSurvey的使用和简单的二次开发
  11. 汽车零部件开发的流程及项目管理--陈新春老师
  12. 【DB笔试面试642】在Oracle中,什么是基数反馈(Cardinality Feedback)?
  13. 打开我的计算机我的文档不见,win10系统我的文档不见了的设置教程
  14. 从音视频技术看AI的机会和挑战
  15. 阿里云服务器白嫖和购买教程——学生向
  16. Stata | 简单操作2(display)
  17. 基于openCV的形状模版匹配
  18. CF765F Souvenirs
  19. 《哪吒》将在北美上映,网友问:我命由我不由天该怎么翻译?
  20. 啦啦外卖60.1最新版本全开源独立版本源码小程序+app+h5全端

热门文章

  1. 我的开源项目:AAC格式分析器
  2. MediaInfo源代码分析 2:API函数
  3. stm32中断优先级_浅谈STM32串口USART1的使用
  4. confluence 4.2 升级至 6.10.x 记录
  5. SiteMesh JSP布局框架介绍
  6. AcWing提高算法课Level-3 第六章 基础算法
  7. 计算机类专业工程认证,计算机类专业工程教育专业认证补充标准
  8. php mysqli分页,PHP使用Mysqli类库实现完美分页效果的方法_PHP
  9. JavaScript用法(1)
  10. Lc1013将数组分成相等的三个部分