代码示例:
documentgetElementById("id")innerHTML //获取文本的内容;
documentgetElementById("id")value //获取文本框的内容;
function getValue(){
var input=documentgetElementById("myId");//通过id获取文本框对象
alert(inputvalue);//通过文本框对象获取value值
}
扩展资料:
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
是一种解释性脚本语言(代码不进行预编译)。 [4]
主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为。 [4]
可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。 [4]
跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等)。
Javascript脚本语言同其他语言一样,有它自身的基本数据类型,表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方,表达式则可以完成较复杂的信息处理
参考资料:
var keyword="";//关键字
这样写就可以:
var keyword=documentforms[0]keywordvalue;//关键字
但是,你的这样语句就是页面加载的时候执行一次,因为你写在onLoad里面的,那么当页面加载以后你修改keyword的值是没有效果的。
要能够多次执行,应该这样:
<html><head>
<script language="JavaScript">
function func()
{
var keyword=documentforms[0]keywordvalue;//关键字
var r=documentbodycreateTextRange();
var s='<font style="background-color: #FFFF00;">'+keyword+'</font>';
while(rfindText(keyword)){
for(var o=rparentElement();o&&otagName!="A";o=oparentElement);
if(!o)try{
rpasteHTML(s);
}catch(e){}
rcollapse(false);
}
return false;
}
</script>
</head><body>
<form onSubmit="return func();">
<input name='keyword' type='text' value="">
<input type=submit value='Search'>
</form>
</body></html>
从js里面获取HTML 的input标签中的内容分两种:
1、获取input标签的值,方法:
根据input的name或者id获取其值,假如有:<input type='text' id='name' value=123>
js中获取方法:$("#name")val();
2、获取input标签的属性内容,方法:
如有:<input type='text' id='name' value=123 ind='1'>
要获取ind的值,方法:
$("#name")attr("ind");
主要利用了setTimeout(),递归和Stringsubstring();
做出的效果就像是有一个打字员在打字
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body bgcolor="#ccc" onload="printer();">
<h2 align="center">文本自动输出</h2>
<br>
<br>
<hr width="400" color="black">
<br>
<form align="center">
<textarea cols="50" rows="30" id="text" style="background-color:#FF99CC; color: #330033; cursor: default; font-family: Arial; font-size: 18px" wrap=virtual></textarea>
</form>
</body>
<script type="text/javascript">
//获取textarea对象
var text=documentgetElementById("text");
//要输出的内容
var str=" 传统的HTML语言不能开发交互式的动态网页,而JavaScript却能很好的做到这一点。JavaScript是一门相当简单易学的网络化编程语言,通过把她和HTML语言相互结合起来,能够实现实时的动态网页特效,这给网页浏览者在浏览网页的同时也提供了某些乐趣。";
var pos=0;
//利用递归和setTimeout()实现文字输出
function printer(){
textvalue=strsubstring(0,pos)+"|";
//判断是否到达结尾如果是则一秒后再来一遍
if(pos++>strlength){
pos=0;
setTimeout("printer()",1000);
}else{
setTimeout("printer()",50);
}
}
</script>
</html>
方法二:JavaScript实现打字电脑打字效果
<span id="demo"></span>
<script defer>
var text="JavaScript实现的打字效果" //预定文字
var delay=200 //文字出现的时间间隔
var i=0 //初始化变量 i
function scrollit(){
//设置 id 为 demo 的对象内的文字为从变量 text 的 0 开始到 i 间的文字加"_"
demoinnerText=textslice(0,i++)+"_"
if(i>textlength){ //当 i 大于 text 的文本长度时
i=0 //重设 i 为 0,使文字重新从第一个文字出现
//延时执行scrollit()函数,delay10是为了让显示完整文字的时间长一点
setTimeout("scrollit()",delay10)
}
//否则在delay毫秒后再次执行scrollit()函数
else setTimeout("scrollit()",delay)
}
scrollit() //调用scrollit()函数
</script>
方法三:<html xmlns=">
以上就是关于用JS怎样获取文本框的值全部的内容,包括:用JS怎样获取文本框的值、js怎么获取文本框内容、JS获取input text value里的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)