时间戳

首页 > 解决方案 > 如何在 html 代码中使用 swift 变量？

html - 如何在 html 代码中使用 swift 变量？

问题描述

我尝试在 html 代码中使用 swift 变量。但首先，这是我的代码：

import UIKit
import WebKit

let webView = WKWebView()

class LoginViewController: UIViewController {

@IBOutlet weak var usernameTextField: UITextField!
@IBOutlet weak var passwordTextField: UITextField!

var testVar = "test"
var theResult: String = ""


override func viewDidLoad() {
    super.viewDidLoad()

    let url = URL(string: "someUrl")!
    let request = URLRequest(url: url)
    webView.frame = CGRect(x: 0, y: 300, width: 300, height: 300)
 //   webView.sizeToFit()
    webView.load(request)
    view.addSubview(webView)

}

override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
    // Dispose of any resources that can be recreated.
}

@IBAction func loginButton(_ sender: Any) {

        webView.evaluateJavaScript("document.getElementById('username').value='\(usernameTextField.text!)'", completionHandler: nil)
        webView.evaluateJavaScript("document.getElementById('password').value='\(passwordTextField.text!)'", completionHandler: nil)
        webView.evaluateJavaScript("document.getElementsByTagName('button')[0].click()", completionHandler: nil)
        webView.evaluateJavaScript("document.getElementsByClassName('item623')[0]. getElementsByTagName('a')[0].click();", completionHandler: nil)

    getValues()

    }

func getValues()
{

    webView.evaluateJavaScript("document.getElementsByTagName('table')[1].getElementsByTagName('tr')[1].getElementsByTagName('td')[0].innerText") { (result, error) in
        if error != nil {
            print(result)
            self.theResult = (result as? String) ?? ""
            //self.theResult = result
            print(result)
            print("\(webView.evaluateJavaScript("document.getElementsByTagName('table')", completionHandler: nil))")

        }
    }

    webView.loadHTMLString("""
    <table Border=“1“&gt;
        <caption>
            Vertretungsplan
        </caption>
            <tr>
        <td align=“center“ width=“250px“ length=“100px“&gt;"\(theResult)"</td>
                <td>test1</td>
            </tr>
            <tr>
                <td>Hello World!</td>
                <td>test2</td>
            </tr>
            <tr>
                <td>test3</td>
                <td>hello</td>
            </tr>
    </table>
    """, baseURL: nil)

}}

部分html代码：

<table class=„mon_head“&gt;…&lt;/table>
<div class = „mon_title“&gt;4.5.2018 Freitag</div>
<table class="mon_list">
    <tbody>
    <tr class="list"></tr>
    <tr class="odd list">
        <td align="center" class="list">...</td>
        <td align="center" class="list">4</td>
        <td align="center" class="list">Vertretung</td>
        <td align="center" class="list">Mu</td>
        <td align="center" class=„list“&gt;45</td>
        <td class=„list“&gt; </td>
        <td class=„list“&gt; </td>
        <td class=„list" align=„center“&gt;WaS</td>
        <td class=„list" align=„center“&gt; </td>
    </tr>
    <tr class="list even“&gt;</tr>
        …
   </tbody>
</table>

在变量所在的字段中，代表“”。如果你执行

document.getElementsByTagName('table')[1].getElementsByTagName('tr')[1].getElementsByTagName('td')[0].innerText

在控制台中的网站上，然后将返回“VIb”。它在这一行的树点中：

<td align="center" class="list">...</td>

所以问题是“”而不是“VIb”在表中。希望你能帮助我^^

标签： htmlswift

解决方案

而不是使用print语法 - (theResult) - 尝试使用字符串连接。

改变这个：

<td align=“center“ width=“250px“ length=“100px“&gt;"\(theResult)"</td>

对此：

<td align=“center“ width=“250px“ length=“100px“&gt;" + theResult + "</td>

还有几个重要的点：

  • 在 Swift 中，“转义”字符是\. 因此，要添加双引号，您应该使用<td align="center "。正如您的代码所示，我想说 HTML 字符串的值究竟是什么是不可预测的。
  • 尝试一块一块地“构建”字符串，a la var myString = "<td align="center"然后在myString += "width="250px中的下一行代码"上，依此类推。添加断点并实际查看您正在构建的字符串。

编辑：

我上面说的几乎每一个都是正确的。（我确实说过你的字符串值很难预测！）当心，冗长的答案即将到来 - 希望你会明白我在说什么。

你想要一个 HTML 字符串，如果你这样做：

let theResult = "Vlb"
let loadHTMLString = """
    <table Border=“1“&gt;
    <caption>
    Vertretungsplan
    </caption>
    <tr>
    <td align=“center“ width=“250px“ length=“100px“&gt;"\(theResult)"</td>
    <td>test1</td>
    </tr>
    <tr>
    <td>Hello World!</td>
    <td>test2</td>
    </tr>
    <tr>
    <td>test3</td>
    <td>hello</td>
    </tr>
    </table>
    """
    print(loadHTMLString)

输出是这样的：

<table Border=“1“&gt;
<caption>
Vertretungsplan
</caption>
<tr>
<td align=“center“ width=“250px“ length=“100px“&gt;"Vlb"</td>
<td>test1</td>
</tr>
<tr>
<td>Hello World!</td>
<td>test2</td>
</tr>
<tr>
<td>test3</td>
<td>hello</td>
</tr>
</table>

这是我的建议，但使用您的字符串变量。它很接近，但请注意Vlb. 所以也许你的问题不在于你如何构建你的 HTML 字符串——也许theReturn真的是空的。

也就是说，这是您构建 HTML 字符串所需的（也是我建议的）：

let loadHTMLString =
        "<table Border=\"1\"<caption>Vertretungsplan</caption>" +
            "<tr>" +
                "<td align=\"center\" width=\"250px\" length=\"100px\">" + theResult + "</td>" +
                "<td>test1</td>" +
            "</tr>" +
            "<tr>" +
                "<td>Hello World!</td>" +
                "<td>test2</td>" +
            "</tr>" +
            "<tr>" +
                "<td>test3</td>" +
                "<td>hello</td>" +
            "</tr>" +
        "</table>"

现在其中一些是我猜的“语法糖”（缩进和使用+字符用于单独的行）但结果是这样的：

<table Border="1"<caption>Vertretungsplan</caption><tr><td align="center" width="250px" length="100px">Vlb</td><td>test1</td></tr><tr><td>Hello World!</td><td>test2</td></tr><tr><td>test3</td><td>hello</td></tr></table>

很抱歉它在一行中的显示方式，但它是有效的并且是您想要的 HTML。:-)

需要注意三点：

  • 我正在使用+字符串连接，包括插入theResult字符串。
  • 我在字符串中我想要的每个引号之前使用转义字符\，消除任何""".
  • 我在您的字符串中发现的第三件事（它不在我的字符串中）是您正在使用我认为所谓的“关闭双引号”，我的键盘甚至没有本机。

同样，实际问题可能不是您的字符串没有显示theResult，而是实际上theResult包含一个空字符串。如果是这种情况，请告诉我，我很乐意删除我的答案！不管怎样，祝你好运。

推荐阅读