index.html和ts交互

川长思鸟来 2023-07-25 09:39 9阅读 0赞

（一）ts 传值给html   ts调用html里的方法

index.html

GameMain.ts

constructor() {
            window["Read"]("传值");
    }

//结果

![20200414114426180.png][]

\---------------------------------------------------------------------------------------------------------------------------------------

（二）ts 传方法给html

index.html

function Read(url,cb){
    			console.log("这是html里==》",url)
    			cb("html给的值")
    		}

GameMain.ts

private str_text = null;
    constructor() {
            let inst = this;
            window["Read"]("传值",function (text) {
                console.log("这是ts方法："+text)
                inst.str_text = text; 
      });
    
       console.log("str_text："+this.str_text)
    }

//结果

![20200414115432329.png][]

\---------------------------------------------------------------------------------------------------------------------------------------

（三）html调用ts方法（这里是外部想传值给H5并想调用ts方法，但是外部只能给到html里，我们将html当作一个中转站）

//举例unity传值给laya

webView.EvaluateJavaScript("Read('" + strbaser64 + "')");

index.html

function Read(url){
    			console.log("这是html里==》",url)
    		}

ts重写

constructor() {
        this.ReceiveRead();
    }
    
    private ReceiveRead() {
               var inst = this;
               window["Read"] = function (url): void {
                  console.log("当unity传值给index调用GameMain.ts的方法："+text)
                  inst.OnlineSend();
                }
            }
    
    private OnlineSend() {
    
    
    }

[20200414114426180.png]: /images/20230528/4f16778f5ede482bb99f1baa00a2e434.png
[20200414115432329.png]: /images/20230528/fc84539cee47405b80833f714db0470d.png