JavaScript代码要嵌入HTML中使用,从而实现Web网页的交互能力。在HTML文档中嵌入JavaScript代码主要有两种方法:

第一种方法:将JavaScript代码直接编写在<script></script>标签中间

<!DOCTYPE html>
<html>
<head><title>JavaScript</title><script type="text/javascript">var xx=0,yy=0;function a(v){xx=event.x-v.offsetLeft;yy=event.y-v.offsetLeft;}function b(v){v.style.left=event.x-xx;v.style.left=event.y-yy;}</script>
</head>
<body>
<img src="3.jpg" style="position: absolute;" ondragstart="a(this);"ondrag="b(this);">
</body>
</html>

第二种方法:将JavaScript代码放入一个单独的文件中,然后在HTML文档中引用该文件。基于模块化的考虑,可在一个外部文件中直接编辑JavaScript代码,不必加<script>标签。将这个文件以".js"为扩展名命名,然后将该文件的url地址设置为<script>标签的src属性值,就可引入JavaScript代码

<!DOCTYPE html>
<html>
<head><title>JavaScript</title><script type="text/javascript" src="b.js"></script>
</head>
<body>
<img src="3.jpg" style="position: absolute;" ondragstart="a(this);" ondrag="b(this);">
</body>
</html>

JavaScript嵌入HTML文档相关推荐

  1. JavaScript读写.txt文档 - 方法篇

    JavaScript读写.txt文档:分析与方法 详情参考完整教程: Javascript本地写入txt和读取txt文件示例 案例篇:求HTML或者JS读取TXT文件内容的代码 以上就是关于 &quo ...

  2. 四个数据欧几里得距离_从单词嵌入到文档距离 :WMD一种有效的文档分类方法...

    文档分类和文档检索已显示出广泛的应用. 文档分类的重要部分是正确生成文档表示. 马特·库斯纳(Matt J. Kusner)等人在2015年提出了Word Mover's Distance(WMD)[ ...

  3. 将图片嵌入Markdown文档

    将图片嵌入Markdown文档中是一个比较难受的事情.一般大家都会将图片存入本地某个路径或者网络存储空间,使用URL链接的形式插入图片. ![image][url_to_image] 将图片放到本地的 ...

  4. javaScript读取txt文档的FSO对象和ADODB.Stream对象

    转自:http://blog.163.com/chaosumin@126/blog/static/86387403201092793610651 在使用JavaScript读取txt文档时,一般使用j ...

  5. html实现打开word文档,用javascript打开word文档的方法

    用javascript打开word文档的方法 首先我们新建一个html文件,并且写一个FileUpLoad以及button控件. 代码如下: 复制代码 代码如下: fileUpload 然后,在写一个 ...

  6. JavaScript之充实文档的内容

    1.我们在平时的开发中会碰到一些缩略语如:XML,HTML,API等专业术语:为了能使用户,更好的了解术语的意思,我们通常会给<abbr></abbr>标签加一个title属性 ...

  7. javascript 中文帮助文档_实战式方法学习JavaScript(1)

    案例1:表格行悬停提示效果 [参考文献] 1.JavaScript前端开发模块化教材(人民邮电出版社)赵健保 2.https://www.w3cschool.cn/ 任务导入: 在Web标准中,HTM ...

  8. 运用Edraw为WPF应用程序嵌入Office文档的方法总结

    2019独角兽企业重金招聘Python工程师标准>>> 具体描述了运用Edraw Office Viewer Component为WPF应用长须嵌入MS Word,Excel以及Po ...

  9. 文档词频矩阵_论文理解:从词嵌入到文档距离

    论文作者简介 本论文第一作者Matt J. Kusner是牛津大学的副教授,致力于设计适应现实世界问题需求的新机器学习模型(例如,fair algorithms, discrete generativ ...

最新文章

  1. Keras问题“AttributeError: 'NoneType' object has no attribute 'update”解决
  2. HDU 4288 Coder [线段树]
  3. WIFI芯片厂商介绍
  4. LinkedList ArrayList Vector的区别
  5. ModuleNotFoundError: No module named 'djqscsv'
  6. 『操作系统』 进程的描述与控制 Part 1 前驱图与程序执行
  7. 前端学习(2608):vuex的介绍
  8. mysql r_R之RMySQL
  9. LWIP的UDP相关API
  10. 使用 matlab 数字图像处理(八)—— 画圆
  11. Atitit Atitit 图像处理之  Oilpaint油画滤镜 水彩画 源码实现
  12. 2022年 12 款最佳软件开发工具
  13. 影视作品(电影,电视剧,PV,MAD,AMV)的制作程序
  14. Python调用OpenCV接口实现网络摄像头录像和抓拍图片
  15. 直接寻址、间接寻址、立即寻址
  16. TPS、RPS和QPS是什么
  17. C/C++程序设计与算法第十一周:零点定理求方程的根
  18. 依图科技CTO颜水成被曝离职,或转战东南亚独角兽Shopee
  19. Xcode真机设备无线调试
  20. 武安高中计算机学院那个好,河北邯郸最好的5所高中,邯郸一中排第一无争议,你还知道几所?...

热门文章

  1. iphone4拆机换屏宝典
  2. 5G黎明前 AI或成手机市场焦点趋势
  3. android设计个人简历页面_android开发简历工作经历填写样本
  4. 专科计算机专业自考本科艺术设计,艺术类自考本科考哪些科目
  5. 智能音箱终局之战:苹果出局,谷歌超越亚马逊
  6. 干货分享 | 数据分析资源,应有尽有!
  7. 2023-6-1第三十二天
  8. 沈阳航空航天大学计算机考研真题指针模板
  9. HP laserjet m1005 mfp语言设置乱了怎么办?
  10. 微信商城小程序怎么做_分享实体店做微信商城小程序制作步骤