js | 易学教程

Android和JS代码互相调用

阅读更多关于 Android和JS代码互相调用

Android本地调用JS webView.loadUrl("javascript:showMsg()"); JS调用Android本地代码 Android本地代码 webView.getSettings().setJavaScriptEnabled(true); webView.addJavascriptInterface(new MyJSObject(), "MyJSObject"); class MyJSObject{ /** * web页面js调用本地方法 * * void */ @JavascriptInterface public void cameraShow(){ Toast.makeText(MainActivity.this, "JS调用本地代码成功", Toast.LENGTH_SHORT).show(); } } html代码 <%@page language="java" contentType="text/html; charset=utf8"%> <!DOCTYPE HTML> <html> <head> </head> <script type="text/javascript"> function cameraShow(){ window.MyJSObject.cameraShow(); }　　　　function showMsg(){ 　　　

Android与js互相调用

阅读更多关于 Android与js互相调用

有话要说：本篇主要总结了简单的Android与js互相调用的方法。在开发过程中遇到了需要在安卓中调用js方法的需求，于是将具体的实现过程总结成这篇博客。效果：其中“调用安卓方法”按钮是html中的按钮；“调用JS方法”按钮是app中的按钮。本地HTML：首先，在app根目录新建一个assets文件夹，并在文件夹内新建一个本地html文件，如下图接着编写一个简单的html文件： 1 <html lang="zh-CN"> 2 <p id='p'>hello world</p> 3 4 <script> 5 function test(){ 6 document.getElementById("p").innerHTML += " 你好！" 7 } 8 </script> 9 10 <button onclick="justTest.hello('js调用安卓方法！')">调用安卓方法</button> 11 12 </html> Android布局文件： 1 <?xml version="1.0" encoding="utf-8"?> 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 xmlns:tools="http://schemas.android.com

Android-webview和js互相调用

阅读更多关于 Android-webview和js互相调用

Android 和 H5 都是移动开发应用的非常广泛。市面上很多App都是使用Android开发的，但使用Android来开发一些比较复杂附属类，提示性的页面是得不偿失的。而H5具有开发速度快，更新不用依赖于App的更新，只需要服务端更新相应的页面即可，所以，App和H5页面相结合就显得尤为重要。而android和H5都不可能每次都是独立存在的，而是相互影响也相互的调用，获取信息等，例如，H5页面要获取App中的用户的基本信息，或者App端要操作H5页面等，下面来看看这两是怎么交互的。先来看一下项目的整体架构（Android studio中的项目）整个项目的结构就是这样的，里面最主要的就是assets下面的js_webView.html文件和代码中的WebViewJsActivity，其中项目里面的MainActivity只是做了个跳转而已，跳转到WebViewJsActivity。就这样。下面上代码：(js_webView.html) html里面的代码也比较简单，整个html中就一个Button，点击这个Button的时候去执行javascript中的 jsCallAndroid() 方法。网页中有关 javascript 的代码也比较简单，整个 js 就2个方法，一个是 jsCallAndroid() ，一个是 androidCallJs() 。看方法名就知道了

如何实现IE中JS和VC之间的互相调用

阅读更多关于如何实现IE中JS和VC之间的互相调用

一直做IE相关的东西，但是发现对JS和VC之间如何调用不是很明白。虽然知道通过IDispatch接口可以在VC程序和JS之间进行交互，但是如何具体做一直有点模糊，所以就专门做了个实验，看看他们到底如何进行沟通。脚本语言和编译型语言之间进行通信是通过IDispatch接口来行的，这里我对双接口的理论就不进行讨论，直接看看如何用WTL代码来实现。首先定义如下的一个IDispatch实现： 1 class CExternalDisp: 2 public CComObjectRoot, 3 public IDispatch 4 { 5 public: 6 CExternalDisp(void); 7 ~CExternalDisp(void); 8 9 BEGIN_COM_MAP(CExternalDisp)10 COM_INTERFACE_ENTRY(IDispatch)11 END_COM_MAP()12 13 HRESULT STDMETHODCALLTYPE GetTypeInfoCount( 14 /* [out] */ UINT *pctinfo) 15 {16 return E_NOTIMPL;17 }18 19 HRESULT STDMETHODCALLTYPE GetTypeInfo( 20 /* [in] */ UINT iTInfo,21 /* [in] */

Js调用Java方法并互相传参

阅读更多关于 Js调用Java方法并互相传参

Js通过PhoneGap调用Java方法并互相传参的。一、JAVA代码写一个类，该类继承自Plugin并重写execute方法。 import org.json.JSONArray; import android.app.Activity; import android.app.AlertDialog; import android.content.ActivityNotFoundException; import android.content.DialogInterface; import android.content.Intent; import android.net.Uri; import android.os.Bundle; import com.phonegap.api.PhonegapActivity; import com.phonegap.api.Plugin; import com.phonegap.api.PluginResult; public class PluginTest extends Plugin {　　 public static String ACTION = "hello"; public PluginTest() { } /** * Executes the request and returns PluginResult. * *

经典JS的HTML转义与反转义字符

阅读更多关于经典JS的HTML转义与反转义字符

//HTML转义 function HTMLEncode(html) { var temp = document.createElement ("div"); (temp.textContent != null) ? (temp.textContent = html) : (temp.innerText = html); var output = temp.innerHTML; temp = null; return output; } //HTML反转义 function HTMLDecode(text) { var temp = document.createElement("div"); temp.innerHTML = text; var output = temp.innerText || temp.textContent; temp = null; return output; } 转载自：http://www.stepday.com/topic/?566 来源： https://www.cnblogs.com/huangsheng/p/3656981.html

JS反混淆——构造可知DeviceToken、nouce与token

阅读更多关于 JS反混淆——构造可知DeviceToken、nouce与token

清空所有cookies后打开任意一本书的详情页，打开控制台中的Network。如下图所示，浏览器发出的第一个XHR请求为 /bind ，其中DeviceToken,nonce,Token均为POST中提交的数据。找到访问网页的请求，如下图所示，返回头中没有出现set-cookie字段，可以判断DeviceToken,nonce,Token均为js生成的。找到发送 /bind/ 请求的Initiator，发现只与 vendor.*.js 与 app.*.js 有关，且出现了 webpackJsonp 、 computed 、 updateRoute 等字段，猜测该网站是使用vue-cli构建的。下载并解码 vendor.*.js 与 app.*.js ，在 app.*.js 中搜索 /bind ，找到相关代码。该段函数流程大致为发送 /bind 请求至后端，如果返回的结果中 Success 字段为true，则将数据中的 DeviceToken , DeviceKey 放到cookie中。而发送的 DeviceToken 由 newGuid() 函数生成。找到该段函数的函数名为 registerApp ，搜索调用。找到调用 registerApp 的代码，根据上文 watch 与 methods 可以判断出这是一个vue的组件，监控到路由变化则调用 registerApp

JS30紀錄 13-Slide in on Scroll

阅读更多关于 JS30紀錄 13-Slide in on Scroll

隨著卷軸移動到中央，讓圖片動態顯示。 Demo | Github 處理步驟步驟 1. 首先取得所有圖片 HTML ，並建立空的 Function checkSlide 與綁定 scroll 捲軸移動事件。步驟 2. 因為 scroll 每次觸發頻率過高，所以呼叫 debounce 來降低呼叫頻率，避免效能損耗針對所有圖片 HTML 進行 foreach 迴圈取得目前畫面所在的高度取得圖片所在的高度步驟 3. 依照上一步驟取得的高度位置，進行判斷，然後添加 active class 筆記與備註事項此練習有幾個要熟悉的要點：熟悉畫面的位大专栏 JS30紀錄 13-Slide in on Scroll 置，包含相對位置與絕對座標另一是 debounce 這 Function 利用了 setTimeout 與 apply JavaScript 部分 window.clearTimeout 清除 setTimeout 設定。 Function.prototype.apply() CSS 部分參考資料 JavaScript 30 day 作者 Github Wes Bos Js 30 day 中文指南瓜瓜的 JS 30 我的 JS 30 練習Github 来源： https://www.cnblogs.com/liuzhongrong/p/12289522.html

js运动框架及应用

阅读更多关于 js运动框架及应用

<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> #div1 {width:200px; height:200px; background:red; position:absolute; top:50px; left:0px;} </style> <script> var timer=null; function startMove() { var oDiv=document.getElementById('div1'); clearInterval(timer); timer=setInterval(function () { var speed=1; if(oDiv.offsetLeft>=300) { clearInterval(timer); } else { oDiv.style.left=oDiv.offsetLeft+speed +'px'; } }, 30); } </script> </head> <body> <input id="btn1" type="button" value="开始运动" onclick="startMove()"/> <div id="div1"> </div> </body> </html> 来源： https://www

BootStrap+PHP编写信息系统

阅读更多关于 BootStrap+PHP编写信息系统

12345678910111213141516171819202122232425262728293031 |- bs # Bootstrap3的js|- config # 系统配置文件|- css # Bootstrap4的js|- fonts # Bootstrap4的fonts|- js # Bootstrap4的js||- showItem # 显示物品| |- addMes.php # 添加留言| |- favorite.php # 收藏物品| |- index.php # 显示物品||- uploads # 上传图片存放的目录||- user # 用户相关的目录| |- checklogin.php # 登录验证| |- delFavo.php # 取消收藏| |- delGood.php # 删除物品| |- index.php # 用户首页| |- login.php # 登录界面| |- loginout.php # 注销登录| |- myFavorite.php # 查看我的收藏| |- myGood.php # 查看我发布的物品| |- register.php # 注册| |- resetPass.php # 修改密码||- addGood.php # 发布物品|- addMess.php # 发布留言|- header.php # 站点头部文件|-

订阅 js