在任何IDE和编辑器中都可以编写JS前端程序,而我们只需要注意注意JS语言的规范就行了。
目前在HTML文件中,运性JS有两种方式,一种是内嵌代码;另一种是编写单独的JS文件,然后引用。
第一种:内嵌代码
就是在<script type="text/javascript"></script>中直接编写代码,例如:
<!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>首页/title>
<script type="text/javascript">
alert("我是运性结果")
</script>
</head>
<body>
</body>
</html>
第二种:外部引用
在<script>标签上添加一个src属性指向文件地址。
例如我们在user.js文件中写上:
alert("我是运性结果")然后在HTML中引用:
<!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>首页</title>
<script type="text/javascript" src="user.js">
</head>
<body>
</body>
</html>
上面两种的运性结果一样,都是在浏览器中弹出一个提示框
一楼说的只是最开始需要的一个引导,但不是最后的结果,所以不能实现JS代码运用。要实现JS代码在网页中运用,还需通过DIV和建立CSS样式才能实现。但像有些效果是可以通过DIV直接实现的,比如说当鼠标放到菜单背景时候色彩对换。这是可以实现的。
我倒可以建议楼主大大先去看看JS视频教程。然后在尝试做做,因为这在没人亲自指导的情况下自学会很困难的。
调用JavaScript行为可以指定在事件发生时要执行的自定义函数或者JavaScript代码。可以自己书写这些JavaScript代码,也可以使用网络上免费发布的各种JavaScript库。调用JavaScript行为可以指定在事件发生时要执行的自定义函数或者JavaScript代码。可以自己书写这些JavaScript代码,也可以使用网络上免费发布的各种JavaScript库。
一、Dreamweaver调用JavaScript行为
1. 选择一个对象。
2. 打开行为面板。
3. 点击“添加行为(+)”按钮,在弹出的下拉菜单中选择“调用JavaScript”命令。如下图所示:
0d08476f1f0e0e6f0353c0f0c852f9a7.gif
4. 在“调用JavaScript”对话框中输入要执行的自定义函数名称或者JavaScript代码。如下图所示:
11705243cf82fc4c3c13a1bf015ad4a6.gif
5. 点击“确定”按钮,则给选择的对象调用了JavaScript行为。
源代码如下:
Dreamweaver CS5调用JavaScript行为示例-baike369.com
function MM_callJS(jsStr) { //v2.0
return eval(jsStr)
}
Dreamweaver CS5调用JavaScript行为示例
当鼠标经过时会关闭窗口!
有些函数或者JavaScript源代码需要修改、调试以后才能正确使用。
6. 查看上面附加的事件是否是需要的事件。如果不是需要的事件,可以修改事件。
7. 查看行为参数是否合适。如果不合适,也可以修改行为参数。