编辑脚本

自定义脚本

通过JavaScript脚本可实现对生成的html模板文件页面内容进行动态修改、处理与用户的交互、表单验证、异步请求、API操作、实现动画与视觉效果、与第三方服务集成以及性能优化和安全增强。
在模板首次生成的同时，会同步创建一个对应的JavaScript文件，宽屏模式下登录WebApp，在模板名称上点击右键，选择编辑脚本可以自定义脚本。该脚本文件存储的默认路径在服务器快表WebApp程序目录\ThinkPHP\public\static\js\custom下。

编辑脚本窗口

在自定义脚本中，默认包含了jQuery 页面加载完成后事件，在此事件中可以自行扩展需要的方法。同时支持原生JavaScript方法、事件和jQuery库方法、事件。
除了页面中进行编辑脚本之外，您也可以选择第三方的代码编辑器进行编辑操作。

提示

脚本文件的默认名称是：模板ID.js
如：32a128dc-7be6-45ca-8a5e-ec4970ba3502.js
默认名称不建议修改，修改后JS文件将不能被正确加载。

早期版本的脚本文件说明

对于早期的JS脚本文件，其默认的存储路径在服务器快表WebApp程序目录\ThinkPHP\public\static\js下，且默认的文件名为custom + 模版ID.js

常用脚本

弹出提示

//提示：
alert("123");

向浏览器console 中输出调试结果

//日志：
 console.log(); //向浏览器console 中输出调试结果。

定义变量

//定义变量：
var x,y //名称为x和y的变量
x = 1;//变量赋值
y = 2;
console.log(x + y);//向浏览器console 中输出结果

定义函数

//定义函数：
function myFunction()  //myFunction为函数名，唯一且区分大小写
{                       
  alert("Hello World!");  //函数体置于大括号内
}

字段赋值

//将123赋予F_1字段输入框内。
$('input[name="F_1"]').val('123');

字段取值

//取F_1字段输入框中的值赋予变量。
var F1 = $('input[name="F_1"]').val();

隐藏字段

//隐藏F_1字段输入框
$('input[name="F_1"]').css('display','none');

取消隐藏字段

//取消隐藏F_1字段输入框
$('input[name="F_1"]').css('display','');

更多JavaScript教程
更多jQuery教程