在HTML网页中嵌入脚本的方式

  javascript脚本可以出现在html页面的任何地方。需要注意的是javascript在框架页中出现必须在<frameset>标签之前,否则不能运行。

  在html页面中嵌入脚本的方式主要有:

  (1)在html标签的事件属性中直接添加脚本   

<html>
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="UTF-8">
<title>在标签的事件属性中直接添加脚本</title>
</head>
<body>
  <form>
    <input type="button" value="save" onclick="alert(‘clicked!‘);" />
  </form>
</body>
</html>

  (2)使用script标签插入脚本

  这种方式是首先将<script>标记插入到html页面的某个地方,然后在<script>标记对之间根据需要编写相关的javascript脚本。一般将<script>标记写在<head></head>之间或者<body></body>之间。

<head>
<meta http-equiv="Content-Type" content="text/html"; charset="UTF-8">
<title>使用script标记插入脚本</title>
  <script type="text/javascript">
  var a=100;
  var b=200;
  if(a<b){
    alert("true");
  }
</script>
</head>

  (3)使用script标签链接外部脚本

  为了重用javascript代码,在实际的开发中,通常将javascript代码编写为一个独立的以js为扩展名的脚本文件。此后u,这个文件中的脚本就可以在不同的html页面中使用。

html>
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="UTF-8">
<title>使用script标记链接脚本文件</title>
 <script type="text/javascript" src="new_file.js"></script>
</head>
<body>
  <form>
    <input type="button" value="save" onclick="clickFunction();" />
  </form>
</body>
</html>

时间: 2024-10-05 13:17:06

在HTML网页中嵌入脚本的方式的相关文章

如何用web api在网页中嵌入二维码?

如何用web api在网页中嵌入二维码? 随着智能手机和平板电脑的日益普及,二维码逐渐成了链接智能终端和传统网站的桥梁.在下文中,笔者将介绍几个实时生成二维码的web api,希望能够简化web design过程中的二维码集成工作. 1. 范例一 <img src="http://qrickit.com/api/qr?d=http://www.taobao.com" > 上述代码产生如下的二维码图片: 该web api还支持下面的这些特性, 说明文字:例如addtext=H

微信端网页中图片的展示方式

一.微信端网页中图片的展示方式 微信端网页中图片有两种展示方式:平铺与图集.平铺的时候文档内的所有图片全部展开,点击图片则放大.图集的时候只展示一张图片,点击图片的时候以翻页的方式展示一组图片.实现原理对于如下一个图片标签,data-gid用于存放组标识,同一组的data-gid相同.data-index用于存放组中图片的展示顺序,不能相同.onclick中根据data-src处理图片展示.对于图集就只显示一张其他的img设置为隐藏,src与第一个图片一样,或者为空,这样可以减少网页的加载量,提

博客代码:iframe—网页中嵌入其他网页

iframe 是一个可以把另外一个网页嵌入到一个网页里的代码,非常有用.对于一个内容不错的网页,要方便地把它搬到自己的博客里,用这个代码最合适.而对于在新浪博客里不支持的一些网页效果和代码,可先把他们设置好,在支持他们的网站上使用,或上传到一个免费的网络空间或网络硬盘里,获取相应的网页地址,然后用 iframe嵌入到新浪博客里,非常好用! 一.固定位置的iframe代码: <DIV align=center><IFRAME src="http://weather.265.com

#网页中嵌入PDF文件#

关于在网页中嵌入PDF在ICPF平台项目开发中遇到的问题: 问题1:如何网页中嵌入PDF: 常用到的方法有以下几种: 代码片段1: 1 <object type="application/pdf" data="file:///D:/atm/prtPDF/2016-07-28622262104000373211200009087.pdf" id="review" style="width:800px; height:750px; m

使用JWPlayer在网页中嵌入视频

首发:个人博客,持续更新和纠错 我一直以为在网页中嵌入视频是件复杂的事,一研究才知道原来非常简单. 实际就是在页面中嵌入个控件.社区里已有很多解决方案了.jwplayer是最受欢迎的(之一).控件包括js.css和swf文件,swf文件就是播放器,它是控件的一部分,引入控件包跟引入其他的前端控件包方法一样,拷贝到项目路径下即可.视频是个flv文件,flv文件就放哪里都行了.个人建议像图片一样放个单独的服务器. 示例程序在这里,代码已经传到了github上.jwplayer本身的文档在这里,藏得非

在自己的网页中嵌入百度地图

最近项目需要在网页中嵌入地图,于是在这里记录下网页嵌入百度地图和使用百度地图api自定义地图的步骤,需要的朋友也可以参考下 首先进入http://api.map.baidu.com/lbsapi/creatmap/,搜索自己想要显示的经纬度,即为定义的中心点坐标 其余的在代码中有注释,可以根据自己需要进行更改 <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Conte

使用CKplayer插件在网页中嵌入视频的方法(常用笔记2)

在做网站中有时候我们需要在网页中嵌入视频,一般视频嵌入有以下几种方法: 1. 优酷代码嵌入 优点:简单,方便,可靠. 缺点:有广告,现在的网站非常注重用户体验,如果打开一个在线视频是有长广告的一定会崩溃的. 2. 利用<object>标签嵌入视频 优点:也比较方便,对于swf来说不错. 缺点:如果播放的是wmv格式,利用Chrome打开就搞笑了,有时候会提示你安装media player插件,有时候连个提醒都没有.也就是说跨浏览器的能力不足. 不同的视频格式还有不一样的代码,太繁琐. 3. 利

网页中嵌入地图位置方法

想在网页中嵌入自己公司的位置,百度地图就有这个功能 进入百度地图api地图 http://api.map.baidu.com/lbsapi/creatmap/ 设置尺寸.搜索位置 可以进行标注 最后生成代码 演示:http://www.hebei8.top/html/lianxiwomen/

利用CSS的@font-face属性 在网页中嵌入字体

字体使用是网页设计中不可或缺的一部分.网页是文字的载体,我们希望在网页中使用某一特定字体,但是该字体并非主流操作系统的内置字体,这样用户在浏览页面的时候就有可能看不到真实的设计. 美工设计师最常做的办法是把想要的文字做成图片,这样做有几个明显缺陷: 一.不可能大范围的使用该字体: 二.图片内容相对使用文字不易修改: 三.不利于网站SEO. 网络上有一些使用sIFR技术.或javascript/flash hack的方法,但实现起来或繁琐,或有缺陷.下面要讲的是如何只通过CSS的@font-fac