js如何获取html的数据?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js如何获取html的数据?相关的知识,希望对你有一定的参考价值。

不是要在jsp输出,只是调用jsp内的方法从而验证账号密码是否为空或其它,若为空,则html页面有相应的alert提示,该怎么做?request.getParameter?搞半天搞不通

一般用原生js、jQuery获取html元素的值。<div id="test">数值</div>

原生js写法:

alert(document.getElementById('test').innerHTML);//数值

jQuery写法:

alert($('#test').html());//数值

拓展资料

javascript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

为了取得技术优势,微软推出了JScript,CEnvi推出ScriptEase,与JavaScript同样可在浏览器上运行。为了统一规格,因为JavaScript兼容于ECMA标准,因此也称为ECMAScript。

参考技术A

一般可以用原生js及jQuery获取html元素的值。

<div id="test">数值</div>

原生js写法:

alert(document.getElementById('test').innerHTML);//数值

jQuery写法:

alert($('#test').html());//数值

说明:

innerHTML是取元素的内部html代码,此例中即div内部的所有html代码。

html()方法作用也是取dom节点的内部html内容,是jQuery中的函数方法。

拓展资料

关于html

超文本标记语言,标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

资料来源:百度百科:html

参考技术B

在一个html页面生成的时候,js就已经把dom树创建好了


只要这棵树上有的数据,我们都可以通过js来获取使用


那么这个问题就变成js如何去查询dom树的节点了


js内置了以下几个查询节点的方法

document.getElementById("id")    //通过id来获取一个dom元素
document.getElementsByName("name")    //通过name属性来获取一个集合
document.getElementsByTagName("tag")    //通过标签来获取一个集合


如果要查找的元素本身有id,通过第一个方法可以直接获取,当我们得到了这个dom节点的时候就可以输出他的一系列数据了

举个栗子

var dom = document.getElementById("id");
//如果是图片
alert(dom.src);
//如果该dom有class
alert(dom.className);
//如果该dom有value
alert(dom.value);
//如果该dom有文本
alert(dom.innerHTML);
//输出dom的style
alert(dom.style.width);
//等等


当dom没有id的时候,我们就要依靠一些条件去找到我们想要的dom了

//寻找所有class为bold的div
var c = document.getElementsByTagName("div"), len = c.length, r = [];
for(var i=0;i<len;i++)
    if(c[i].className == 'bold')
        r.push(c[i]);
    

//当得到了这些dom节点后,就可以用上面提到的方法继续访问每个dom的数据啦

参考技术C <HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
 </HEAD>
 <BODY>
    <FORM METHOD=POST ACTION="某.jsp">
        用户名:<INPUT TYPE="text" NAME="name" size="20"><br/>
        密&nbsp;&nbsp;码:<INPUT TYPE="password" NAME="pwd" size="20"><br/>
        <INPUT TYPE="submit" value="登录">
    </FORM>
 </BODY>
</HTML>

这是登录页。

某.jsp写法如下:

<%
    String name = (String)request.getParameter("name");
    String pwd = (String)request.getParameter("pwd");
%>

追问

这样为什么不行?

追答

js是javascript文件,是前端表示层技术,jsp是java service page实际上就是servlet也就是java类,
javascript和java虽然都有java字样,但一点关系也没有,action的值不能是js,js也没有request对象。

本回答被提问者采纳
参考技术D

运用function函数

<script type="text/javascript">

function checkLoginForm()   

var un = document.getElementById("Text1");   

var pw = document.getElementById("Password1");   

if(un.value == "" || pw.value == "")        

alert("用户名或密码不能为空");        

return false;   

</script>

js如何获取div内容?

参考技术A 假设你的html中有以下的div\\x0d\\x0a\\x0d\\x0a\\x0d\\x0a\\x0d\\x0a\\x0d\\x0a如果是要获取id是id1的div的数据,获取div里面的内容有两种方式\\x0d\\x0a1,纯js获取数据\\x0d\\x0avar a=document.getElementById("id1").innerText;\\x0d\\x0a\\x0d\\x0a2,jqeury获取数据\\x0d\\x0avar a=$("#id1").html();

以上是关于js如何获取html的数据?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Election 中的 Main.js 和 html.js 之间发送和获取数据

js如何获取网页打开速度?

如何使用 Node.js 将 JSON 数据从 Node.js 发送和获取到 HTML

js如何获取div内容?

如何在html页面使用js获取model里的值

java web 如何防止 用户绕过js验证,直接地址栏提交表单或自己编写html页面,提交数据到服务器?