在html页面上嵌入JavaScript代码的几种方式
来源:互联网 发布:小强软件测试 编辑:程序博客网 时间:2024/04/20 02:37
代码:
1.内部写入JavaScript程序
1.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>我的第一个JavaScript程序</title></head><body> <a href="JavaScript:alert('Hello,JavaScript!');">点击我</a></body></html>
1.2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>我的第一个JavaScript程序</title><script type="text/javascript"> alert('Hello,JavaScript!');</script></head><body> <a href="JavaScript:alert('Hello,JavaScript!');">点击我</a></body></html>
2.外部导入JavaScript程序
2.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>我的第一个JavaScript程序</title><script src="outer.js" type="text/javascript"></script></head><body> <a href="JavaScript:alert('Hello,JavaScript!');">点击我</a></body></html>
2.1
outer.jsalert('Hello,JavaScript!');
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>我的第一个JavaScript程序</title><script src="outer.js" type="text/javascript"></script></head><body> <a href="JavaScript:show();">点击我</a></body></html>
outer.js
// JavaScript Document alert('Hello,JavaScript!'); function show(){ alert('Hello,JavaScript!'); }
制作截图:
知识点总结:
0 0
- 在html页面上嵌入JavaScript代码的几种方式
- 在HTML文档中嵌入CSS的几种方式
- 在HTML中嵌入服务器端C#代码的方式
- JavaScript在HTML中的嵌入方式
- 在页面中直接嵌入JavaScript代码
- 001-在HTML中嵌入JavaScript脚本的三种方式-回顾学习
- HTML页面中嵌入CSS的方式
- JavaScript嵌入到html的方式
- html页面嵌入视频的代码
- JavaScript 页面跳转的几种方式
- JavaScript 页面跳转的几种方式
- JavaScript 页面跳转的几种方式
- JavaScript 页面跳转的几种方式
- JavaScript 页面跳转的几种方式
- JavaScript 页面跳转的几种方式
- JavaScript 页面跳转的几种方式
- jsp代码几种嵌入方式
- Javascript页面跳转的几种代码
- SpringMVC映射器和适配器
- 【备忘】【No5】微信公众平台开发入门到实战开发视频教程(Java+PHP)
- 第25周-Photoshop-脚本编程简介
- Android 上百实例源码分析以及开源分析
- Android为CheckBox(复选框)设置可规定大小的图片
- 在html页面上嵌入JavaScript代码的几种方式
- java代码块
- MongoDB如何确保一致性
- 求二叉树的高度
- MFC中利用ListCtrl的列标题获取列索引的方法
- textarea高度随文字增多变化高度
- 抽象类和接口
- burpsuite 配置代理无效
- 数据库中查找包含换行符的记录