个人中心
gpt4 book ai didi

javascript - 最好使用 JavaScript 还是 XQuery？

转载 作者：行者123 更新时间：2023-12-03 10:25:23 25 4
gpt4 key购买 nike

我学习了一些 Xquery(基础知识)

例如:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>   
    <script type="application/xquery">
      declare sequential function local:set($loc, $evt) {
        b:setStyle(b:dom()//body, "background-color", $loc/@value)
      };
      
      for $button in b:dom()//input[@type="button"]
      return
      b:addEventListener($button, "onclick", local:set#2)
    </script>
  </head>
  <body>
    <h1>Change the background color</h1>
    <input type="button" value="Blue"/>
    <input type="button" value="Red"/>
    <input type="button" value="Green"/>
    <br/>
    <input type="button" value="Black"/>
    <input type="button" value="White"/>
    <input type="button" value="Yellow"/>
  </body>
</html>

这会更改单击时的颜色。现在，x-query 中的编码与 JS 相比如何？可以用X-query完全代替javascript吗？哪一个可以更好地控制元素？

我学习 XQuery 是在浪费时间吗？我问这个问题是因为几乎每个人都只谈论 JavaScript。使用 XQuery 代替 JS 是否可行？它们在浏览器支持方面的比较如何？

最佳答案

使用 javascript，您可以类似地执行此操作，如本例所示。

(我不得不说，对我来说，你的测试在代码片段编辑器中并不起作用)

您应该很容易识别代码结构，它并没有真正改变那么多。一个用于设置颜色的函数，一个将 setColor 函数与 onclick 事件附加在一起的 on 函数，以及一个用于获取要设置事件处理程序的项目的查询。

function setColor() {
  document.body.style.background = this.value;
}

function onLoad() {
  var input = document.getElementsByTagName('input'),
    i, len, item;

  for (i = 0, len = input.length; i < len; i++) {
    item = input[i];
    if (item.getAttribute('type') === 'button') {
      item.addEventListener('click', setColor.bind(item));
    }
  }
}

window.onload = onLoad;
<h1>Change the background color</h1>
<input type="button" value="Blue" />
<input type="button" value="Red" />
<input type="button" value="Green" />
<br/>
<input type="button" value="Black" />
<input type="button" value="White" />
<input type="button" value="Yellow" />

在 JQuery 中更容易，你可以这样做:

$(function() {
  $('input[type=button]').on('click', function(e) {
    $(document.body).css('background', e.currentTarget.value);
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<h1>Change the background color</h1>
<input type="button" value="Blue" />
<input type="button" value="Red" />
<input type="button" value="Green" />
<br/>
<input type="button" value="Black" />
<input type="button" value="White" />
<input type="button" value="Yellow" />

我想说使用 Javascript 更有意义。那里有很多框架，很多人已经尝试过您很可能会尝试的东西，因此如果您遇到困难或有疑问，您将有更多的资源来研究以找到问题的解决方案。

关于javascript - 最好使用 JavaScript 还是 XQuery？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29430630/

25 4 0
文章推荐： javascript - Velocity JS 和动态 DOM 内容插入序列
文章推荐： javascript - 本地跨源数据错误
文章推荐： javascript - 如何重复这段代码
文章推荐： javascript - 来自对象的可执行代码(最好没有 eval())
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com