1. js弹出输入框,输入并保存值
在输入框里面点击退出按键就可以完全退出
2. js获取输入框并自动输入
首先要在赋予清空按钮一个清空代码执行,<scripttype="text/javascript"><!--functioncls(){varsum=0;vart=document.getElementsByTagName("INPUT")
;for(vari=0;i<t.length;i++){if(t[i].type=='text'){++sum;t[i].value="";//清空}}varsum1=0;vart1=document.getElementsByTagName("textarea")
;for(vari1=0;i1<t1.length;i1++){if(t1[i1].type=='textarea'){++sum1;t1[i1].value="";//清空}}alert('页面共有TEXT:'+sum+'个\n'+'页面共有TextArea:'+sum1+'个');}//--></script>执行上面的代码后,你只要点击清空的按钮就可以了。
3. js 获取输入框的值
1、使用onfocus事件检查当前值,如果是默认值,就将value属性置空.如:2、placeholder="这里输入文字"input设置默认显示文字的两种方式:
1.placeholder属性。
在输入框为空的情况下会显示placeholder中的值。但是提交时不能直接取其值。
2.value属性。
在输入框加载的时候输入框中的值。提交时可直接获取。
4. js弹出对话框输入内容
使用<script>标签在HTML网页中,JavaScript代码。注意,<script>标签要成对出现,并把JavaScript代码写在<script></script>之间。
<script type="text/javascript">表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。
二、引用JS外部文件:
标签在HTML文件中添加JavaScript代码,HTML文件和JS代码可以分开,HTML文件和JS代码分开,并单独创建一个JavaScript文件(简称JS文件),其文件后缀通常为.js,然后将JS代码直接写在JS文件中。
三、JS在页面中的位置:
将JavaScript代码放在html文件中任何位置, javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解释html时是按先后顺序的,所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面,因为初始化都要求提前进行(如给页面body设置css等);而如果是通过事件调用执行的function那么对位置没什么要求的。
四、JavaScript-注释很重要
注释的作用是提高代码的可读性,注释分为两种:
单行注释,在注释内容前加符号 “//”。多行注释以“/”开始,以“/”结束。
五、看定义变量使用关键字var,语法如下:
var 变量名
变量名可以任意取名,但要遵循命名规则:
1.变量必须使用字母、下划线(_)或者美元符($)开始。
2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。
3.不能使用JavaScript关键词与JavaScript保留字。
注意:
1. 在JS中区分大小写,如变量mychar与myChar是不一样的,表示是两个变量。
2. 变量虽然也可以不声明,直接使用,但不规范,需要先声明,后使用。
六、什么是函数
函数是完成某一个特定功能的一组语句。基本语法如下:
function 函数名(){
函数代码;
}
说明:
1. function定义函数的关键字。
2. "函数名"你为函数取的名字。
3. "函数代码"替换为完成特定功能的代码。
函数调用:
函数定义好后,是不能自动执行的,所以需调用它,只需直接在需要的位置写函数就ok了,
七、JavaScript 输出内容 :使用document.write()
八、JavaScript -alert 消息对话框,alert弹出消息对话框(包含一个确定按钮)。
九 javaScript --确认(confirm 消息对话框)
5. 如何获取input输入框的值
可以用value属性获取input输入框中的值。
1、新建html文档,在body标签中添加input标签、button标签和span标签,点击按钮span标签中显示输入框中的值:
2、添加js代码,ipt、btn和val分别表示选择当前标签,onclick表示按钮点击事件,ipt.val表示获取input输入框中的值,然后将这个值赋值给span标签中的内容:
3、在输入框中输入内容,点击按钮,这时输入框中的值将会在span标签中显示:
- 相关评论
- 我要评论
-