html(3)------javaScript

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>























  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值