jsp 或 php 等view之中使用javascript简单处理的使用技巧

前端人员在jsp,php等后台mvc之的coding之时,前端人员常常需要一些少量的数据处理，直接使用js的方法无疑是开销最小的。使用的方法
使用在标签之中嵌套script标签，使用document.write()输出。

特殊写法说明

在已经显示的Html文件中，当采用调试工具的时候，edit as html的时候，在某一个标签之中直接嵌入script标签，并不能执行该js代码。
而在服务器带过来的代码，是可以使用这样的特殊方式的，如：

<span><script>document.write(''+ fn('abc');</script>
</span>

这样可以使得当要处理一些jsp,php中的少量数据处理有很大的方便性。

项目中的jsp文件的设置

<div class="calc-container fl small-sceen ${info.listingStatus != 'Sold'?'onsale':'saled'}"><span class="icon icon-calc"></span><span class="monthly-mortage"><%-- <c:if test="${not empty soldPrice}"> --%><%-- 目前为假数据，需要后台传入保存之后的值 --%><c:if test="true"><script>(function() {// 月利率var l = ${mortgage.interestRate} / 1200;// 总贷款利率 = （1+l）^(总月数)var o = Math.pow(1 + l, ${mortgage.loanTerm} * 12);// 贷款总金额var e = (${info.price})*(${mortgage.interestRate}); // 每月应还银行贷款var Result_PI = format_money((e * l * o / (o - 1)).toFixed(0));document.write('$ '+Result_PI+'/mo');})();</script>  </c:if></span></div>

转载于:https://www.cnblogs.com/lakeInHeart/p/7610517.html

jsp 或 php 等view之中使用javascript简单处理的使用技巧相关推荐

通过JavaScript简单的操作DOM（一）
通过JavaScript简单的操作DOM (一)简单的前提概念 1.DOM简介 DOM,文档对象模型.描述了HTML和XML文档结构,然后提供API,来帮助开发人员添加.删除.修改页面的某一部分. ( ...
转载：JavaScript 的55个经典技巧
1. οncοntextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border οncοntextmenu ...
Javascript的闭包及其使用技巧实例
Javascript的闭包及其使用技巧实例一.闭包的基本概念闭包(Closure)是一个引用了自由变量的函数,记录了该函数在定义时的scope chain.又称词法闭包(Lexical Closu ...
javascript 一些小常用的技巧
1. οncοntextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border οncοntextmenu ...
JAVASCRIPT常用20种小技巧汇总
1.TEXTAREA自适应文字行数的多少 2.脚本永不出错 <script LANGUAGE="javascript"> </script> 3.ENTER ...
html判断用户名的合法性,javascript简单判断输入内容是否合法的方法
本文实例讲述了javascript简单判断输入内容是否合法的方法.分享给大家供大家参考,具体如下: 关于检测用户输入的内容是否有非法的字符检测实现思路 1.定义合法的字符串(源字符串) 2.获取用户输 ...
谁说 JavaScript 简单的？
这里有一些 Javascript初学者应该知道的技巧和陷阱.如果你已经是专家了,顺便温习一下. Javascript也只不过是一种编程语言.怎么可能出错嘛? 1.你有没有尝试给一组数字排序? Java ...
Javascript中常用的经典技巧
1. οncοntextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border οncοntextmenu ...
Unity UGUI基础之 Scroll View/Scroll Rect 的简单使用，并取消拖拽(滑动内容)效果，拖拽只在Scrollbar 上起作用
Unity UGUI基础之 Scroll View/Scroll Rect 的简单使用,并取消拖拽(滑动内容)效果,拖拽只在Scrollbar 上起作用目录 Unity UGUI基础之 Scro ...

jsp 或 php 等view之中使用javascript简单处理的使用技巧

特殊写法说明

项目中的jsp文件的设置

jsp 或 php 等view之中使用javascript简单处理的使用技巧相关推荐

最新文章

热门文章