js怎么获取文本框内容

JavaScript014

js怎么获取文本框内容,第1张

var keyword="******"//关键字

这样写就可以:

var keyword=document.forms[0].keyword.value//关键字

但是,你的这样语句就是页面加载的时候执行一次,因为你写在onLoad里面的,那么当页面加载以后你修改keyword的值是没有效果的。

要能够多次执行,应该这样:

<html><head>

<script language="JavaScript">

function func()

{

var keyword=document.forms[0].keyword.value//关键字

var r=document.body.createTextRange()

var s='<font style="background-color: #FFFF00">'+keyword+'</font>'

while(r.findText(keyword)){

for(var o=r.parentElement()o&&o.tagName!="A"o=o.parentElement)

if(!o)try{

r.pasteHTML(s)

}catch(e){}

r.collapse(false)

}

return false

}

</script>

</head><body>

<form onSubmit="return func()">

<input name='keyword' type='text' value="******">

<input type=submit value='Search'>

</form>

</body></html>

采用jquery的ajax方式进行文件信息读取

代码

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<html>

<head>

<script type="text/javascript" src="/jquery/jquery.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$("#b01").click(function(){

htmlobj=$.ajax({url:"/jquery/test1.txt",async:false})

$("#myDiv").html(htmlobj.responseText)

})

})

</script>

</head>

<body>

<div id="myDiv"><h2>通过 AJAX 改变文本</h2></div>

<button id="b01" type="button">改变内容</button>

</body>

</html>