5、网页制作Dreamweaver(JS的初步运用)

JAVASCRIPT

*放在头部也可以读取(最先读取头部)

表单提交时会自动刷新网页,最好关掉

写法:

1、输出

<script>

document.write("hello world");

</script>

2、按钮运用

<input name="alert" value="alert"type="button" onclick=‘alert("这是触发事件")‘/>

3、定义变量并输出

    var bianliang;

bianliang="123";

document.write(bianliang);

4、改变元素的属性

<p id="hello">hello</p>

<script>

function hello()

{

x=document.getElementById("hello")

x.style.color = "#ff0000";

}

</script>

<input type="button" value="点击变颜色" onclick="hello()" />

<!--点击由黑色变红色-->

5item索引,指示第n个出现的元素,与getElementsByName同时使用

定义一组变量

var student =

         {

                   name:"张三",

                   sex:""

         };

         student.name="张三";

         document.write(student.name);

*打印“张三”)

外部调用JS

<script src=””></script>

时间: 2024-07-31 09:32:50

5、网页制作Dreamweaver(JS的初步运用)的相关文章

11、网页制作Dreamweaver(补充:JS零碎知识点&amp;&amp;正则表达式)

JS知识点 回车符/r和换行符/n的区别:/r 相当于enter,是段落与段落之间的区别, /n 相当于shift+enter,是行与行之间距离,比较小 几种window操作方法: 1.获取当前窗口大小并打印: var height=window.innerHeight; var width = window.innerWidth; document.write("<br/>"+"height"+height+","+"wi

2、网页制作Dreamweaver(图片热点、frameset框架)

图片热点 1.方法: <img  usemap="名字"> <map name="名字"> <area shape="rect" coords="170,170,260,260" href="http://www.baidu.com" /> </map> 2.解释 rec:矩形 circle:圆形 poly:多边形 coords坐标 框架frameset 将多

3、网页制作Dreamweaver(表单form)

表单form (虚线不显示) 1.写法: <form id="form1" name="form1" method="post" action=""> </form> 1.  解释 name.id自定义,用于寻找此块内容 3.内容 (1)文本框:可以设置width,height  <label for="denglu">姓名</label>          

10、网页制作Dreamweaver(扩展:各浏览器对 onunload 事件的支持与触发条件实现有差异)

标准参考 在 HTML 4.01 规范中关于 onunload 事件的描述是:当 document 从 window 中移除时,触发 onunload 事件. 关于 HTML 4.01 规范中 onunload 内在事件说明:http://www.w3.org/TR/html401/interact/scripts.html#adef-onunload . MSDN 中关于 onunload 事件的描述:http://msdn.microsoft.com/en-us/library/ms5369

6、网页制作Dreamweaver(HTML结构--dom操作)

一.基本语法:数据类型(字符串,小数,整数,布尔,时间) var, var s = "3.14"; var n = parseFloat(s); ; s += 5; var d = parseInt(s); isNaN(字符串):判断是否是数字模样的字符串:是-false: 不是-true 运算符:四大类 表达式: 语句:三大类(顺序,分支,循环) 分支:if(){}; if...else...;if...else if...else if ......else;if嵌套 循环:穷举,

9、网页制作Dreamweaver(jQuery基础:事件)

事件 定义:即当HTML中发生某些事(点击.鼠标移过等)的时候调用的方法 $(selector).action() 事件的触发有两种方法: 1.直接将发生的事写在<javascript>中 1 <script type="text/javascript"> 2 $(document).ready(function(){ 3 $("button").click(function(){ 4 $("p").hide(); 5 }

网页设计Dreamweaver网页制作 商业网站建设案例课程 ASP.NET基础实例教程 淘宝开店教程

热门推荐电脑办公计算机基础知识教程 Excel2010基础教程 Word2010基础教程 PPT2010基础教程 五笔打字视频教程 Excel函数应用教程 Excel VBA基础教程 WPS2013表格教程 更多>平面设计PhotoshopCS5教程 CorelDRAW X5视频教程 Photoshop商业修图教程 Illustrator CS6视频教程 更多>室内设计3Dsmax2012教程 效果图实例提高教程 室内设计实战教程 欧式效果图制作实例教程 AutoCAD2014室内设计 Aut

网页设计 Dreamweaver网页制作 商业网站建设案例课程 ASP.NET基础实例教程 淘宝开店教程 更多&gt;

热门推荐电脑办公计算机基础知识教程 Excel2010基础教程 Word2010基础教程 PPT2010基础教程 五笔打字视频教程 Excel函数应用教程 Excel VBA基础教程 WPS2013表格教程 更多>平面设计PhotoshopCS5教程 CorelDRAW X5视频教程 Photoshop商业修图教程 Illustrator CS6视频教程 更多>室内设计3Dsmax2012教程 效果图实例提高教程 室内设计实战教程 欧式效果图制作实例教程 AutoCAD2014室内设计 Aut

Dreamweaver CS5网页制作教程

说到Dreamweaver这个网页制作神器,不由得想起在学校里上的选修课,那是的我们只知道 table 布局,只知道构建网站最方便的是使用"所见即所得"编辑器.回忆一下,真的是很怀旧啊! 虽说咱现在大部分时间都在用sublimeText和eclipse,但是想要入门web前端,Dreamweaver的学习是必不可少的,他能帮助我们了解最基本的页面构成,了解图片相关的特性,了解什么是页面样式.... 现在看Dreamweaver,他就是一个集成众多功能的编辑器,即使他有一些不太惹嫌的bu