html(3)
javaScript
-------------------
回顾:
表单元素
文本框 text
密码框 password
单选按钮 radio
复选框 checkbox
下拉列表 select
文本域 textarea
文件选择器 file
提交按钮 submit
重置按钮 reset
普通按钮 button
表单 form
图片 img
在html页面,可以通过javaScript与用户进行交互
javaScript是一种脚本语言,它与java没有任何联系,只是语法比较像java语法
javascript的作用:
1、进行表单验证
2、实现一些网页特效
----------------------------------------------------------------
在javascript中,取控件值的语法是:
var name = document.getElementById("控件名称");//选取得控件
var nameVal = name.value; //通过控件,取得值
页面的主体一加载,会自动执行一个事件
<body οnlοad="事件名()">
var name = document.getElementById("username");//选取得控件
//取得(一个)叫作username的控件
如果有多个控件,都叫作username,系统也只会取得第一个名称为username的控件
##########如果要取得一个控件,就使用 document.getElementById("控件");
var name = document.getElementById("username");//选取得控件
var names =document.getElementsByName("username");
//它用于取得一组名称为“username”的控件,即使,控件只有一个,它返回的依然是数组,只不过数组中只有一个控件而以
---------------------------------------------------------------
document.write("内容"); //把内容到页面,覆盖之前的内容
var photoVal = document.getElementById("photo").src;
photoVal-----变量
System.out.println(photoVal);
document.write("照片:<img width='100px' height='100px' src='"+photoVal+"'>");
document.write(" <img width='' height='' src='" + photoVal + " '>");
<div>---------------
它是一个容器控件,作用相当于Swing中的jpanel,
1、它可以包含其他控件
2、可以包含文字
---------每一个div都会自动换行
<span>---------------
它是一个容器控件,
1、可以包含文字
------------span都不会自动换行
<input type="text" οnfοcus="">
οnfοcus="" 控件得到焦点时,触发
<span id="nameSpan"> </span>
nameSpan.innerHTML="内容";
----------------------------------------------------------------
在一个页面,引用js脚本的语法:
<script type="text/javascript" src="文件路径"></script>