Axure RP Pro - jQuery - 如何在Axure RP Pro生成的HTML原型文档中使用自定义脚本

最新推荐文章于 2022-04-22 14:14:42 发布
最新推荐文章于 2022-04-22 14:14:42 发布
阅读量766 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gdfjhc/article/details/86704863
版权
                 

Axure RP Pro - jQuery - 如何在Axure RP Pro生成的HTML原型文档中使用自定义脚本

假定Axure RP Pro安装在C:/Program Files/Axure/Axure RP Pro 5
将C:/Program Files/Axure/Axure RP Pro 5/DefaultSettings/Prototype_Files/FrameTemplate.html应用如下补丁

--- FrameTemplate.original.html
+++ FrameTemplate.customization.html
@@ -1,15 +1,18 @@
 <html>
        <head>
                <title>Untitled Document</title>
                <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+               <script src="customization.js"></script>
+               <script>('undefined' ===typeof customization_found) && alert('Can not foundcustomization.js file, please copy customization.js file to the HTMLprototype path.');</script>
                <script language="JavaScript"><!--
 
 function Initialize()
 {
     var pageName = QueryString("Page");
     if (pageName.length > 0)
     {
         parent.mainFrame.location.href = pageName + ".html";
     }
     else
     {

在Axure RP Pro生成的HTML原型文档中就自动加载HTML原型文档根目录中的customization.js文件，在customization.js文件中需包含如下代码。

var customization_found = true;

如果没有这行代码，在打开HTML原型文档时，将自动出现提示，提示把和当前HTML原型文档相关的customization.js文件复制到HTML原型文档的根目录中。

[Axure RP Pro - 官方网站]

http://www.axure.com/

[Axure RP Pro - 关键词]

axure

[Axure RP Pro - 相关论坛]

http://axure.com/cs/forums/

[Axure RP Pro - Download下载]

当前版本AXure RP Pro 5.1.0.1699, http://axure.cachefly.net/AxureRP-Pro-Setup.exe

 

最低0.47元/天 解锁文章
运真表姐
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
axure-rp-pro-中高级交互实例教程共21页.pd
11-21
axure_rp_pro_中高级交互实例教程共21页.pdf.zip
Axure RP Pro - 相关问题 - 使用正则表达式的较验函数在Firefox下出错
胡争辉
12-22 2478
 Axure RP Pro - 相关问题 - 使用正则表达式的较验函数在Firefox下出错在Axure RPPro生成的原型中通过JavaScript函数较验文本，其中IsValueAlpha、IsValueNumeric、IsValueAlphaNumeric三个较验函数使用正则表达式较验，但是在Firefox下会出错，例如IsValueAlpha(a)在Firefox下会循环
Axure RP Pro - jQuery - 如何设置焦点
胡争辉
02-13 6648
Axure RP Pro - jQuery - 如何设置焦点Axure RP Pro中尚未支持设置焦点的动作，在需要设置焦点时，可以参考下面的代码：var customization_found = true;$(function () {        var currentPageName;        window.setInterval(function () {
Axure嵌入视频--javascript(js)注入vedio标签
司马沉潇的专栏
11-01 1638
前言 在做高保真原型的时间，很多情况下是需要视频调用和视频展示。通常情况下可以用内联框架调用HTML的页面实现视频的调用展现，但这样的话只有发布生HTML的时间才能看到效果。那有没有方法可以实现在Axure预览时实现调用？ 方法是有的，由于Axure支持内行JS 可以通过jquery的方法实现视频播放。 编辑HTML文件 HTML有video标签，支持视频播放。先写个简单的带有video的HTML。 <!DOCTYPE html> <html> <head> <me
jq鼠标移入移出_Axure交互动效「03：鼠标悬停结合鼠标移入、鼠标单击」
weixin_39538693的博客
12-03 666
今天开我们讲解Axure交互样式(鼠标悬停)、属性用例(鼠标移入时、鼠标移出时)复杂的小动效，在工作中我们经常会用Axure，主要是让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档，让客户能够更好的了解到自己的产品在上线以后的一个基本的效果是个什么样子。当然在制作的过程中也会出现以下对软件不熟悉的情况导致工具、元件不会使用等等。今天主要...
Axure中如何引入自定义javascript
qq_41134073的博客
04-22 3907
功能快捷键 撤销：Ctrl/Command + Z 重做：Ctrl/Command + Y 加粗：Ctrl/Command + B 斜体：Ctrl/Command + I 标题：Ctrl/Command + Shift + H 无序列表：Ctrl/Command + Shift + U 有序列表：Ctrl/Command + Shift + O 检查列表：Ctrl/Command + Shift + C 插入代码：Ctrl/Command + Shift + K 插入链接：Ctrl/Command + Sh
Axure RP Pro---原型设计工具
12-18
Axure RP Pro v7.0.0.3173，一个专业的快速原型设计工具
axure-rp-pro-中高级交互实例教程共21页.pdf.zip
最新发布
10-28
axure_rp_pro_中高级交互实例教程共21页.pdf.zip
AxureRP-Pro-Setup.rar_AxureRP-P_AxureRP-Pro_AxureRP-Pro-Set_Axur
09-22
实现网页的制作，比起其它的制作工具来说，适合于初学者使用
jquery 判断是否有类名_jQuery实现购物车小案例
weixin_39792475的博客
11-19 76
做的一个关于购物车的小案例，用表格实现，欢迎指正！功能包括以下几点：1、商品全选、全不选2、选择删除商品3、清空购物车4、已选择多少件商品5、选中商品总价6、商品数量加减7、删除商品记得引入jQuery插件！记得引入jQuery插件！记得引入jQuery插件！重要的事情说三遍布局：<table cellspacing='0' cellpadding='0'> <th...
编辑脚本
06-14
编辑脚本，方便易用。缺点，过于计算慢。编辑脚本，方便易用。缺点，过于计算慢
Axure新手适用的17个组件库 产品经理新手适用的17个Axure部件库
06-30
Axure新手适用的17个组件库 产品经理新手适用的17个Axure部件库
Axure RP Pro - Download下载 - 当前版本
胡争辉
12-20 1124
 Axure RP Pro - Download下载 - 当前版本AXure RP Pro 5, http://axure.cachefly.net/AxureRP-Pro-Setup.exe AXure RP Pro 5, http://www.axure.com/files/AxureRP-Pro-Setup.exe [Axure RP Pro - 官方网站]http://www.axure.
你所不知道的15个Axure使用技巧 （转自布鲁文的蓝色奇博文）
wine的思考
05-03 624
      你有用原型开发工具吗？如果有，那你用的是Axure还是别的？         从以前就喜欢使用Axure，主要是觉得它能清楚的表达设计的思路，还有交互的真实再现，能让看的人一目了然，昨天看了这篇博文，便更加确定Axure是个好东西。Axure 6.5已于4月18日发布，可直到上周我才发现，于是赶紧下载升级。等待下载的过程中，闲来无聊跑去看了Axure的版本历史，又浏览了...
Axure RP Pro 相关问题 设置页面尺寸
yffkjhg的博客
11-04 2656
分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;A
将RP文件导出为HTML文件
baidu_41601299的博客
04-23 2万+
关注小编微信公众号公众号【前端基础教程从0开始】回复“1”，拉你进程序员技术讨论群，群内有大神，可以免费提供问题解答。公众号回复“小程序”，领取300个优秀的小程序开源代码+一套入门教程。公众号回复“领取资源”，领取300G前端，Java，产品经理，微信小程序，Python等资源合集大放送，让我们一起学前端。 Axure RP是一款比较常用的原型界面工具，在用RP工具制作好原型后如何向领导或者客户...
Axure中的原型如何导出成为HTML5源码
xyjikl
11-02 2万+
现在的Axure已经越来越强大了，你现在可以直接把你做好的原型导成HTML5文件进行查看或进行用户体验测试，它会帮你切图，写样式文件，什么都做的好好的，等你来用，你喜欢吗？反正我是很喜欢！！赶快来看看怎么做吧！ 工具/原料 Axure软件 原型设计一份 方法/步骤 你肯定需要先打开你的Axure。（温
Axure 教程：Axure加载第三方脚本
热门推荐
HenryLei的博客
11-14 4万+
JavaScript：   JavaScript是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。 为什么要在Axure上面加载第三方脚本？   其实原因有很多，主要原因就是想突破自的能力，想在原...
通过axure做原型设计生成的html代码可以让开发直接用吗
mrdu_somefun的博客
03-03 1万+
Axure 1、Axure主要用途是原型设计 2、既然是设计，应该以图为主，框架为主，而不是代码 3、通过Axure生成的html并不能直接拿来用，因为要经过调整，重新编写，增删改查以及CSS样式表的添加 因为术业有专攻，做什么的就是做什么的，画图就要画好图，前端开发就前端开发，后台开发就后台开发，分工明确，团队协作，才能做出好东西 答案肯定是不可以， 1、ax
交互原型设计软件Axure_RP_Pro_5中文教程参考.pdf
12-03
交互原型设计软件Axure_RP_Pro_5中文教程参考.pdf

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值