Java设置JS脚本中的变量

Java设置JS脚本中的变量,第1张

   下面例子中 我们通过javax script包ScriptEngine put()方法设置JS脚本中的变量 JS把所有在线用户输出         package de javase        import javax script ScriptEngineManager        import javax script ScriptEngine        import javax script ScriptException        import java util Date        public class AjavaAccessJavaObjectFromScript {        public static void main(String[] args) {        //创建用户数组 共 个用户        String[] users = { mark 道长 笨笨 way }        Date now = new Date()         //脚本代码 输出所有在线用户及当前时间        String script =        var index+        var users = userArray+        +        for (index in users) { +            println(users[index]) +        } +        println( ) +        println( 在线用户 ( + date+ ) )         //获得JS脚本引擎        ScriptEngineManager manager = new ScriptEngineManager()         ScriptEngine engine = manager getEngineByExtension( js )         //设置JS脚本中的userArray date变量        engine put( userArray users)         engine put( date now)         try {        engine eval(script) //执行JS脚本        } catch (ScriptException e) {        e printStackTrace()         }        }        }        运行结果         mark        道长        笨笨                way                在线用户 (Tue Apr : : CST ) lishixinzhi/Article/program/Java/hx/201311/26879

简单的代码实现:

var a = 123

alert('"'+a+'"')

只需要使用连字符'+'进行连接就可以了,这样变量就可以再""里面生效了。

js太麻烦了,涉及怎么传i进去函数里面,找了好久资料才找着,最好用还是jq我下面提供的资料都有,,隐藏的是jq实现的,你可以复制到你本地看看。。。

具体js实现后的效果如下:

然后代码如下:

<!DOCTYPE html>

<html>

<head>

<style type="text/css">

*{

margin:0

padding:0

}

body{

font:normal 1em Arial, Helvetica, sans-serif

margin:0

padding:0

}

a{ text-decoration:nonecolor:black}

a:hover{ text-decoration:underlinecolor:red}

#ull li{ border:1px solid red}

.navHover{ background:#aaa}

.navHover0{ background:#99F}

.navHover1{ background:#ccc}

.navHover2{ background:#f00}

.navHover3{ background:#ff0}

.navHover4{ background:#99d}

</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>

  </head>

<body>

<ul id="ull">

      <li>123</li>

          <li>123</li>

          <li>123</li>

          <li>123</li>

          <li>123</li>

      </ul>

<script language="javascript">

var wLi = document.getElementById("ull").getElementsByTagName("li")

for(var i = 0i <wLi.lengthi++){

wLi[i].onmouseover = function(i){

return function(){

this.className = "navHover" + i

}

}(i)

wLi[i].onmouseout = function(){

this.className = ""

}

}

// $(document).ready(function(){

// $("#ull li").hover(function(){

// var index = $("#ull li").index(this)

// $(this).addClass("navHover" + index)

// },function(){

// $(this).removeClass()

// })

//

// })

</script>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/7928072.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-11
下一篇 2023-04-11

发表评论

登录后才能评论

评论列表(0条)

保存