java如何执行javascript操作html

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了java如何执行javascript操作html相关的知识,希望对你有一定的参考价值。

java 可以执行 javascript 用 ScriptEngine 或 Rhino,如果执行单纯的js代码,我大概知道怎样写。
但js是可以操作html和css的,我想问java是否有能力执行这种操作,如果能怎样写,比如:
一段html代码:
<div id="a">一</div>
<style>
#abackground:red;
</style>
<script>

var a = document.getElementById("a");
a.innerHTML = "二";
a.style.background = "blue";
</script>
请问java是否可以执行上述js操作,得到经js更改后的html和css样式?

参考技术A 不知道你为什么这么想 这么做
本来应该各做各的事
为什么要掺在一起呢
只是单纯想知道怎么做吗?
你用java写一段js+html
直接write出来就行了
参考技术B Java有和jquery操作类似的jsoup

如何从html按钮更改JavaScript布尔值?

我在HTML端有一个onClick按钮。我正在使用javascript函数执行一些操作。我需要使用HTML按钮更改布尔值。我一直在看论坛,但到目前为止我还没有找到任何东西。有人可以在这里引导我吗?

感谢。

代码:

JS

var buttonClicked = false;

  window.addEventListener('load',function()
  console.log(buttonClicked);
  document.getElementById('BtnGotit').addEventListener('onclick',function()
    buttonClicked = true;
    console.log(buttonClicked);
  );
  );


 function desktopMove(e)

if(buttonClicked == true)
            var wH = $(window).height();
            var wW = $(window).width();
            var x = e.clientX;
            var y = e.clientY;
            if(x <= 20)
                //Left
                $pageTrigger = $('.pt-page-current').find('.right');
                    if($pageTrigger.length)
                        Animate($pageTrigger);
            else if(x >= (wW - 50))
                //Right
                $pageTrigger = $('.pt-page-current').find('.left');
                    if($pageTrigger.length)
                        Animate($pageTrigger);
            else if(y <= 50)
                //Top
                $pageTrigger = $('.pt-page-current').find('.back');
                    if($pageTrigger.length)
                        Animate($pageTrigger);
            else if(y >= (wH - 50))
                //Bottom
                $pageTrigger = $('.pt-page-current').find('.next');
                    if($pageTrigger.length)
                        Animate($pageTrigger);
            

        
        

HTML

> <button2 onclick="function()" class = "BtnGotit" >Ok, GOT IT.</button2>< BR>

答案

将您的源代码包含在问题中总是一个好主意,因为它可以帮助我们回答。您可以添加带有代码演示的代码片段。

页面加载后,将监视按钮的点击。单击时,buttonClicked变量将设置为truebuttonClicked值最初是false

var buttonClicked = false;

window.addEventListener('load',function()
  console.log(buttonClicked);
  document.getElementById('randoButton').addEventListener('click',function()
    buttonClicked = true;
    console.log(buttonClicked);
  );
);
<input type="button" id="randoButton" value="Set the variable value">
另一答案

这是一个简单示例,如何处理它:

let bool = true

const changeValue = () => 
    bool = !bool
    console.log(bool)
<button onclick="changeValue()">Click Me!</button>
另一答案

以最简单的方式,这是一个通过一个按钮切换的好开始。