js中的getAttribute方法使用示例

一、js中的getAttribute方法使用示例

1、在JavaScript中，getAttribute()方法是获取元素属性值的关键工具。它允许我们通过元素节点对象获取特定属性，例如在查找文档中的所有元素并获取其title属性时，可以这样做：

2、使用getElementsByTagName()方法获取所有元素，然后通过getAttribute()方法逐一查询title属性，如:

3、这段代码在"购物清单"文档中，如果只有一个带有title属性的

4、，会弹出"a gentle reminder"。如果无title属性，将返回null，表示该属性不存在。

5、`getAttribute()`方法可用于检测属性是否存在，如检查`title_text!= null`，简化为`if(title_text)`。以下代码更简洁：

6、而setAttribute()方法则允许我们修改元素属性值，如设置id为"purchases"的元素的title属性：

7、最后，setAttribute()方法对文档的动态修改不会反映在源代码查看中，DOM的这种行为模式允许实时更新页面内容而无需刷新整个文档。

二、js动态加载事件的几种方法总结_javascript技巧

1、有些时候需要动态加载javascript事件的一些方法

2、往往我们需要在 JS中动态添加事件，这就涉及到浏览器兼容性问题了，以下谈及的几种方法，我们也常常混合使用。

3、var obj= document.getElementById("obj");

4、obj.setAttribute("onclick","javascript:alert('测试');");

5、这里利用 setAttribute指定 onclick属性，简单，很好理解，

6、但是：IE不支持，IE并不是不支持 setAttribute这个函数，而是不支持用 setAttribute设置某些属性，包括对象属性、集合属性、事件属性，也就是说用 setAttribute设置 style、onclick、onmouseover这些属性在 IE中是行不通的。

7、方法二、用 attachEvent和 addEventListener

8、obj.attachEvent("onclick", Foo);

9、obj.attachEvent("onclick", function(){alert("测试");});

10、其它浏览器支持 addEventListener

11、obj.addEventListener("click", Foo, false);

12、obj.addEventListener("click", function(){alert("测试");}, false);

13、注意 attachEvent的事件带 on，如 onclick，而 addEventListener不带 on，如 click。

14、顺便说一下 addEventListener的第三个参数（虽然很少用） useCapture-如果为 true，则 useCapture指示用户希望启动捕获。启动捕获后，所有指定类型的事件将在被指派到树中其下面的任何 EventTargets之前指派给已注册的 EventListener。正在通过树向上 bubbling的事件将不触发指定的使用捕获的 EventListener。

15、这在多个浏览器中均支持，这是属于旧的规范（方法二属于 DOM2的规范），不过由于使用方便，用的场合也比较多。

16、obj.setAttribute('onclick',document.all? eval(function(){show()}):'javascript:show()');

17、attachEvent方法，为某一事件附加其它的处理事件。（不支持Mozilla系列）

18、addEventListener方法用于 Mozilla系列

19、document.getElementById("btn").onclick= method1;

20、document.getElementById("btn").onclick= method2;

21、document.getElementById("btn").onclick= method3;

22、如果这样写,那么将会只有medhot3被执行

23、var btn1Obj= document.getElementById("btn1");

24、//object.attachEvent(event,function);

25、btn1Obj.attachEvent("onclick",method1);

26、btn1Obj.attachEvent("onclick",method2);

27、btn1Obj.attachEvent("onclick",method3);

28、执行顺序为method3->method2->method1

29、如果是Mozilla系列，并不支持该方法，需要用到addEventListener

30、var btn1Obj= document.getElementById("btn1");

31、//element.addEventListener(type,listener,useCapture);

32、btn1Obj.addEventListener("click",method1,false);

33、btn1Obj.addEventListener("click",method2,false);

34、btn1Obj.addEventListener("click",method3,false);

35、执行顺序为method1->method2->method3

36、var el= EDITFORM_DOCUMENT.body;

37、//先取得对象，EDITFORM_DOCUMENT实为一个iframe

38、 el.addEventListener('click', KindDisableMenu, false);

39、 el.attachEvent('onclick', KindDisableMenu);

40、 window.addEventListener('load', _uCO, false);

41、} else if(window.attachEvent){

42、 window.attachEvent('onload', _uCO);

三、js怎么取session(js怎么取整)

我想问一下,用JS怎么获取SESSION中的值

@gtczr说的对，SESSION是指保存在服务器的会话，而JS是运行在客户端的，如果你想取得SESSION里面的值，需要使用动态语言在页面上输出内容并赋给JS变量，或使用接口来获取。如：

@gtczr说的对，SESSION是指保存在服务器的会话，而JS是运行在客户端的，如果你想取得SESSION里面的值，需要使用动态语言在页面上输出内容并赋给JS变量，或使用接口来获取。如：

'%=session.getAttribute("SESSION_KEY")%';

js里怎么取session的值

因为Session是保存在服务端的，js只能通过ajax读取Session。不过一般也不建议这么做，你可以把前端验证码输入的值传给后端，后端判断是否正确，返回是否正确就行了。因为你直接把验证码发给前端，这样就可以使用js得到验证码，并自动输入，就失去验证码的意义了。

因为Session是保存在服务端的，js只能通过ajax读取Session。不过一般也不建议这么做，你可以把前端验证码输入的值传给后端，后端判断是否正确，返回是否正确就行了。因为你直接把验证码发给前端，这样就可以使用js得到验证码，并自动输入，就失去验证码的意义了。

varid='%=Session["UserName"]%';

session是服务器对象，javascript是客户端脚本，能做的操作就是把这个值用%=%输出到页面的javascript中参与运算，而无法直接用js调用的。

??var?a='%=session.getAttribute("userName")%';

??//或者用var?a="${sessionScope.userName}"

此方法在静态页面中不可用，在javascript文件下不可用，用于jsp页面中嵌套的脚本中。

Session是会话周期域,是服务端上同一个客户端一次会话请求的容器.

JS是运行在浏览器上的,无法直接访问session.

如果你想服务端存的值客户端直接访问,可以考虑用cookies存储.

如果非要用session存储可以在页面上用隐藏的input控件存储该值,然后用js读取.

或用Ajax请求获取后台session中的值.

在jsp中使用js中的设置属性，进而获得session保存的属性值，实例如下：

session.setAttribute("username",username);

session.setAttribute("password",password);

username=session.getAttribute("username");

password=session.getAttribute("password");

1、首先需要打开vscode，创建一个H5规范的页面，在同级目录放一个jquery源文件，并在页面中引入jquery。

2、后台可以将session的值，通过一个字段，或者viewbag（asp.netmvc）等方式隐藏到界面上，不要将敏感信息通过这种方式返回。

3、后台也可以提供一个获取session的方法GetSession，用于返回session的值。

4、前台通过js（jquery）的ajax方法（get），调用后台方法，获取session的值。

5、后台再提供一个方法SetSession，接收一个参数，将数据保存到session中。

6、前台通过js（jquery）的ajax方法（post），调用后台方法，传递参数到后台方法即可。