怎么通过网页标签获取数据js的简单介绍

发布时间：2022-11-25

本文目录一览：

  1. js如何获取html的数据?
  2. [js如何获取html input标签中内容](#js如何获取html input标签中内容)
  3. 怎样用JS获得标签中的值
  4. JS如何从另一个网页获取数据内容进行处理？
  5. 怎么在jsp页面中获取js的变量值
  6. 怎么用JS获取HTML标签内的内容

js如何获取html的数据?

一般用原生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。

js如何获取html input标签中内容

两种方案：

  1. 元素获取，通过给input标签加id，通过getElementById(id)获取到该元素，然后直接访问它的value属性即可
<input id="test" />

示例：

var oInput = document.getElementById("test");
alert(oInput.value); // 获取到啦
  1. 节点获取，通过获取表单元素，然后通过表单中各input元素的name属性获取Input子元素，进而获取它的value值
<input name="test" />

示例：

var oForm = document.getElementById("form1");
alert(oForm.test.value); // 获取到啦

怎样用JS获得标签中的值

用JS获取Html标签属性有两种方法： 例如：

<a id="link" href="" title="测试" blogname="前端开发">Web开发</a>

JS代码：

var ka = document.getElementById("link");
alert(ka.getAttribute("id"));
alert(ka.id);

两种方法都能弹出a标签的ID属性，但从各浏览器兼容上来说用ka.id的方式更好，但对于自定义属性blogname，则就要用getAttribute()来实现了，如：

alert(ka.getAttribute("blogname")); // 前端开发

总结如下：

  • JS获取Html标签常规属性用 ka.id
  • JS获取Html标签的自定义属性用 ka.getAttribute("id")

JS如何从另一个网页获取数据内容进行处理？

通过url传参。 如果是HTML页面的话，JS传到新页面就输入：

window.location.href = 'a.html?id=100';

然后a.html页面的JS就：

<div id="s"></div>

document.getElementById("s").innerHTML = window.location.split('?')[1];

如果是想要实现AJAX在a页面传参数到b页面，并且在a页面的层显示b页面执行参数的结果的话就用AJAX了。下面是jQuery的：

<div id="a"></div>

$("#a").load("b.html?id=100");
// 或者
$.get("b.html?id=100", function(data) {
    $("#a").html(data);
});

本地存储

HTML5的话可以用 sessionStorage 或 localStorage，很容易的。

  • sessionStorage 是会话存储，关闭浏览器就没了。
  • localStorage 是持久化存储，完全可以替代cookie，存储空间更大。 实现方法：
// 存
sessionStorage["par1"] = "123";
// 取
sessionStorage["par1"];
// localStorage 实现方法和 sessionStorage 一样

怎么在jsp页面中获取js的变量值

JSP是无法直接获取页面中JS变量的值，但是可以通过间接的方法，用HTML的方法。 例如：

<input id="data" type="hidden" value="你想要的数据" />

在HTML里定义一个上面的标签，把JS的值放到标签里，然后JSP去获得这个值。

怎么用JS获取HTML标签内的内容

  1. 首先打开HBuilder软件，新建一个HTML文件，里面写入一个<p>标签和一个按钮标签。
  2. 然后在<p>标签的下方设置一个<script>标签，里面写入JS代码；先获取<p>标签和按钮的DOM对象，然后给按钮添加一个点击事件，在点击事件的回调中alert <p>标签的textContent属性即可。
  3. 最后打开浏览器，可以看到一段文字和一个按钮，点击这个按钮。
  4. 就可以弹出内容了。
推荐文章