
如何引入javascript脚本代码
如何引入javascript脚本代码
1 通过标记对导入
document.write("Hello World!");
2 通过标记src属性导入
test.js文件内容
document.write("Hello World!");
3 通过javascript伪URL引入
注意: "javascript:"可以省略
4 通过HTML文档事件处理程序引入
function ClickMe()
{
alert("鼠标已单击按钮");
}
单引号和双引号的问题解决:
var username = "xuchenkai";
onclick='show(""+username+"")'
function ClickMe(username)
{
alert("鼠标已单击按钮"+username);
}
以上javascript脚本代码可以简化为
document.write("Hello World!");
注意:javascript脚本标签中type属性是必须的
加载脚本位置
和标记之间的位置language:使用的语言脚本, 早期方式
type:使用的语言脚本, 主流方式
编写JavaScript的流程
布局:HTML+CSS
属性:确定要修改哪些属性
事件:确定用户做哪些操作(产品设计)
编写JavaScript:在事件中,用JavaScript来修改页面元素的样式
如何将html代码封装(转换)成JS实现调用?
步骤一:打开Dreamweaver或者类似软件,事先写好需要封装的HTML代码。
步骤二:打开站长工具里面的HTML/JS转换页面, 将需要封装的HTML代码转换成JS代码
将HTML代码字符引号前加上""(相当于addslashes()函数), 包含在document.writeln("")方法中。
如: document.writeln("
| 1 | Blue | 27 |
| 2 | 张三 | 23 |
| 3 | 李四 | 28 |
| 4 | 王五 | 25 |
| 5 | 张伟 | 24 |
步骤三:在Dreamweaver中新建一个JS文件, 将转换后的JS代码复制粘贴进去,保存为banner.js文件。
步骤四:加载banner.js


